Yugen UI

Foundations

Elevation

Elevation dùng bóng 2 lớp (key + ambient) để biểu thị độ cao tương đối và tạo phân cấp giữa các bề mặt.

Shadow ramp

shadow2

shadow-2

Phần tử nổi nhẹ trong nội dung: bong bóng tin nhắn, khối code

shadow4

shadow-4

Card (mặc định), thanh lệnh

shadow8

shadow-8

Card hover, tooltip

shadow16

shadow-16

Menu, popover, dropdown

shadow28

shadow-28

Panel trượt, teaching popover

shadow64

shadow-64

Dialog, cửa sổ modal