Icon · Overview

스토리북 개발자들을 위한 내부 문서

Components

Icon

Overview

clabi_ds/icons 에서 sync한 아이콘입니다. 색은 currentColor + 토큰 클래스로 제어합니다. 크기는 size prop(px) 또는 className의 size-* / 반응형 유틸로 지정합니다.

Sizes

에셋 16/24. 표시는 size prop 또는 className(size-* · 반응형). className 크기 유틸이 있으면 인라인 size보다 우선.

에셋 16pxassets/icons/raw/16

arrow

bold
regular

bookmark

filled
unfilled

check

bold

chevron

bold
regular

chevron-double

bold

close

bold
regular

eyes-off

filled
unfilled

eyes-on

filled
unfilled

에셋 24pxassets/icons/raw/24

arrow

bold
regular

bookmark

filled
unfilled

check

bold

chevron

bold
regular

chevron-double

bold

close

bold
regular

eyes-off

filled
unfilled

eyes-on

filled
unfilled

표시 size 예시18 → 24 에셋 · 14 → 16 에셋

14
16
18
24
className 반응형
Token colors

currentColor와 상태/텍스트 토큰으로 색을 제어합니다.