Radius
7개 border-radius 토큰
일관된 모서리 둥글기를 위한 토큰입니다. 컴포넌트 용도에 맞는 적절한 radius를 선택하세요. 기본값은 rounded-md (4px)입니다.
미리보기
sm
2px
md
4px
lg
6px
xl
8px
2xl
12px
3xl
16px
full
9999px
토큰 목록
| Token | CSS Variable | Tailwind | Value | Usage |
|---|---|---|---|---|
| sm | --radius-sm | rounded-sm | 2px | 태그, 뱃지 |
| md | --radius-md | rounded-md | 4px | 버튼, 인풋 (기본값) |
| lg | --radius-lg | rounded-lg | 6px | 카드, 모달 |
| xl | --radius-xl | rounded-xl | 8px | 큰 카드 |
| 2xl | --radius-2xl | rounded-2xl | 12px | 대형 컨테이너 |
| 3xl | --radius-3xl | rounded-3xl | 16px | 특수 용도 |
| full | --radius-full | rounded-full | 9999px | 아바타, 토글 |