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