Icon Button
사용자가 클릭 한 번으로 액션을 취하거나 선택을 할 수 있습니다.
Live Demo
Variant
Size
Disabled
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| buttonType | "primary" | "secondary" | "tertiary" | "ghost" | "primary" | Icon Button의 시각적 스타일을 선택합니다. |
| size | "xsmall" | "small" | "medium" | "medium" | Icon Button 의 크기를 선택합니다. |
| icon | ReactNode | - | 렌더링할 아이콘 요소를 지정합니다. |
| aria-label | string | - | 접근성 레이블을 지정합니다. (필수) |
| onClick | () => void | - | Icon Button 을 클릭했을 때 실행되는 함수를 지정합니다. |
| disabled | boolean | false | 비활성화 여부를 지정합니다. |
| isSelected | boolean | false | 선택 상태 여부를 지정합니다. |
Anatomy
- Container
- Icon