IconButton
IconButton component for clickable icon actions
Playground
Props
| Prop | Type | Default | Value |
|---|---|---|---|
name | IconName | — | — |
icon | IconComponent | — | — |
size | 'sm' | 'md' | 'lg' | — | |
variant | 'default' | 'ghost' | 'outline' | 'danger' | — |
Usage
<IconButton name="search" aria-label="Search" />
<IconButton name="close" aria-label="Delete" variant="danger" />Variants
Style Variants
default
ghost
outline
danger
Disabled State
default disabled
ghost disabled
outline disabled
Sizes
sm
md
lg