스페이싱
갭, 패딩, 마진을 위한 T-shirt 스페이싱 스케일.
갭과 패딩은 spacings를 사용합니다. 임의 픽셀이 아니라 Stack, Box, 레이아웃 props의 이 키를 우선하세요.
스케일
섹션 제목: “스케일”| 토큰 | 값 |
|---|---|
| sizeNone | 0 |
| sizeXXXSmall | 2px |
| sizeXXSmall | 4px |
| sizeXSmall | 6px |
| sizeSmall | 8px |
| sizeMedium | 10px |
| sizeLarge | 16px |
| sizeXLarge | 20px |
| sizeXXLarge | 24px |
| sizeXXXLarge | 32px |
sizeNone0
sizeXXXSmall2px
sizeXXSmall4px
sizeXSmall6px
sizeSmall8px
sizeMedium10px
sizeLarge16px
sizeXLarge20px
sizeXXLarge24px
sizeXXXLarge32px
아이콘 글리프 크기
섹션 제목: “아이콘 글리프 크기”아이콘 픽셀은 스페이싱과 별개입니다(iconSizes). WebIcon / 글리프 슬롯에만 사용하세요.
xxsmall12px
xsmall16px
small20px
medium24px
large28px
xlarge32px
xxlarge48px
사용법
섹션 제목: “사용법”<Stack gap="sizeMedium"> <Box padding="sizeLarge" background="backgroundSurface" radius="roundedLarge"> Inset </Box></Stack>