Foundations / Radius
모서리 (Radius)
컨트롤은 md, 컨테이너는 lg, 배지·아바타는 full을 기본으로 씁니다. 컴포넌트에서는 역할 이름(rounded-button 등)을 우선 사용합니다.
스케일 (Scale)
radius/none0px
구분선, 꽉 찬 미디어, 표 셀radius/xs2px
체크박스, 진행 막대radius/sm4px
태그, 작은 버튼radius/md8px
버튼, 입력 필드, 셀렉트radius/lg12px
카드, 팝오버, 드롭다운radius/xl16px
다이얼로그, 히어로 카드radius/2xl24px
모바일 바텀시트 (위쪽 모서리)radius/full9999px
배지, 아바타, 토글역할 (Role)
스케일 값을 컴포넌트 역할에 연결한 별칭입니다.
radius/button→ radius/md
radius/input→ radius/md
radius/card→ radius/lg
radius/badge→ radius/full
radius/sheet→ radius/2xl
radius/avatar→ radius/full