모서리 반경

요소의 크기와 역할에 맞는 제한된 반경 단계를 사용합니다.

목적

반경은 브랜드 장식이 아니라 요소의 형태와 상호작용 범위를 명확히 하는 데 사용합니다. 배지처럼 완전히 둥근 요소만 radius/full을 사용합니다.

사용 문법

border-radius: var(--ds-radius-md);

생성된 스케일

radius/none0px
radius/sm6px
radius/md10px
radius/lg14px
radius/xl20px
radius/full9999px