Icon Button
A round, icon-only button component for compact actions — supports primary, secondary, and transparent variants with glass styling.
Installation
npx chilli@latest add icon-buttonVariants
Sizes
Glass Style
States
API Reference
IconButton
| Prop | Type | Default | Description |
|---|---|---|---|
variant | "primary" | "secondary" | "transparent" | "primary" | Visual style of the button. |
size | "xsm" | "sm" | "md" | "lg" | "md" | Size of the button (always square). |
glass | boolean | false | Surface style — glass adds backdrop blur and border. |
icon | LucideIcon | — | Required. The icon to display. |
loading | boolean | false | Shows a spinner and disables the button. |
disabled | boolean | false | Disables the button. |
asChild | boolean | false | Merge props onto child element. |
className | string | — | Additional CSS classes to merge. |