RadiusRadius
반경 7단과 떠 있는 표면에 쓰는 그림자 2종입니다.Seven radius steps and the two shadows used on raised surfaces.
RadiusRadius
none · 0
xs · 6
sm · 8
md · 12
lg · 14
xl · 20
2xl · 16
full · 9999
버튼·칩·탭은 full, 입력과 메뉴 항목은 md, 카드와 다이얼로그는 xl을 씁니다.Buttons, chips and tabs use full; inputs and menu items use md; cards and dialogs use xl.
ShadowShadow
유리 표면은 그림자 대신 경계선과 흐림으로 떠 보입니다. 그림자는 유리 위에 다시 뜨는 불투명 표면에만 씁니다. popover 그림자는 계정·워크스페이스 메뉴에, palette 그림자는 커맨드 팔레트에 씁니다.A glass surface floats on its border and blur, not on a shadow. Shadows are reserved for an opaque surface that sits on top of glass: popover for the account and workspace menus, palette for the command palette.
shadow-popover
0 8px 24px 0 rgba(10, 13, 15, 0.1)
shadow-palette
0 16px 40px 0 rgba(10, 13, 15, 0.12)