라디우스

Foundation의 모서리 둥글기 — 임의 픽셀이 아니라 키를 사용하세요.

모서리는 Foundation 키(roundedLarge, roundedXXLarge)입니다. roundedCircle는 pill / 완전 원형입니다.

스케일

토큰	값
roundedNone	0
roundedXSmall	2px
roundedSmall	4px
roundedMedium	6px
roundedLarge	8px
roundedXLarge	12px
roundedXXLarge	16px
roundedCircle	9999px

roundedNone0

roundedXSmall2px

roundedSmall4px

roundedMedium6px

roundedLarge8px

roundedXLarge12px

roundedXXLarge16px

roundedCircle9999px

사용법

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