Select Box
드롭다운 목록에서 하나 이상의 옵션을 선택할 수 있게 해주는 컴포넌트입니다. 제한된 공간에서 많은 선택지를 효율적으로 제공할 때 사용됩니다.
개요
옵션 테이블
| 속성 | 값 | 기본값 |
|---|---|---|
| title | string | |
| description | string | |
| selected | true, false | false |
스펙
base
| 상태 | 슬롯 | 속성 | 값 |
|---|---|---|---|
| enabled | root | colorTransitionDuration | |
| colorTransitionTimingFunction | |||
| paddingX | |||
| paddingY | |||
| gap | |||
| strokeWidth | 1px | ||
| strokeColor | |||
| cornerRadius | |||
| color | |||
| content | gap | ||
| label | color | ||
| fontWeight | |||
| fontSize | |||
| lineHeight | |||
| description | color | ||
| fontWeight | |||
| fontSize | |||
| lineHeight | |||
| enabled, pressed | root | color | |
| enabled, selected | root | color | |
| strokeColor | |||
| enabled, selected, pressed | root | color |
Last updated on