보더

아웃라인과 디바이더를 위한 스트로크 너비.

스트로크 너비는 Foundation 키입니다. 기본 UI 크롬은 strokeWidthThin을 사용합니다. 보더 색은 이 스케일이 아니라 컬러 별칭(borderDefault, borderSubtle, borderFocus)에서 옵니다.

스케일

토큰	값
strokeWidthNone	0
strokeWidthHairline	0.5px
strokeWidthThin	1px
strokeWidthThick	2px
strokeWidthThicker	4px
strokeWidthThickest	6px

strokeWidthNone0

strokeWidthHairline0.5px

strokeWidthThin1px

strokeWidthThick2px

strokeWidthThicker4px

strokeWidthThickest6px

사용법

<Box
  border="strokeWidthThin"
  borderColor="borderDefault"
  radius="roundedLarge"
  padding="sizeLarge"
  background="backgroundSurface"
>
  Outlined surface
</Box>