Radii
Radii (테두리 반경)
Chakra UI에서 기본 제공하는 테두리 반경(border radius) 토큰 목록이에요.
출처: 문서
본문
토큰
Chakra UI는 다음 테두리 반경 토큰을 기본 제공해요.
아래는 루트 폰트 크기가 16px(대부분 브라우저의 기본값)라고 가정했을 때, 주어진 rem 값을 px로 변환한 표예요.
| Size | rem Value | px Equivalent |
|---|---|---|
| none | 0 | 0px |
| 2xs | 0.0625rem | 1px |
| xs | 0.125rem | 2px |
| sm | 0.25rem | 4px |
| md | 0.375rem | 6px |
| lg | 0.5rem | 8px |
| xl | 0.75rem | 12px |
| 2xl | 1rem | 16px |
| 3xl | 1.5rem | 24px |
| 4xl | 2rem | 32px |
| full | 9999px | 9999px |
더 알아보기 (Learn more)
- 테마 개요에서 Chakra UI 테마 시스템 전반을 알아보세요.