IconButton
IconButton은 특정 작업이나 기능을 나타내며, 텍스트 없이 아이콘만으로 명령을 전달하는 버튼입니다.Property
Size
IconButton의 크기를 설정합니다.
ColorPalette
IconButton의 색상을 설정합니다.
Variant
IconButton의 시각적 변형을 설정합니다.
Shape
IconButton의 모양을 설정합니다.
Disabled
IconButton의 비활성화 상태를 설정합니다.
Props Table
IconButton
닫기나 편집처럼 간결한 동작에 쓰는, 아이콘만 보여주는 버튼. 아이콘은 보조기술에서 숨겨지므로 버튼에 aria-label을 지정하세요. <button> 요소로 렌더링됩니다.
| Prop | Default | Type |
|---|---|---|
colorPalette? | primary | primarysecondarysuccesswarningdangercontrast |
shape? | square | circlesquare |
size? | md | smmdlgxl |
variant? | fill | filloutlineghost |
className? | - | stringfunction |
style? | - | React.CSSPropertiesfunction |
focusableWhenDisabled? | false | boolean |
nativeButton? | true | boolean |
render? | - | ReactElementfunction |