Components

IconButton

A button containing only an icon.

Overview

IconButton renders a button with only an icon. An `aria-label` is required for accessibility.

<IconButton icon={<SearchIcon />} aria-label="Search" />
<IconButton icon={<XIcon />} aria-label="Close" variant="outline" />

Prop	Type	Default	Description
`icon`	ReactNode	—	The icon element (required)
`aria-label`	string	—	Accessible name (required)
`variant`	`'primary' \| 'secondary' \| 'destructive' \| 'ghost' \| 'outline'`	`'ghost'`	Visual style
`size`	`'sm' \| 'md' \| 'lg'`	`'md'`	Button size
`isLoading`	boolean	false	Shows spinner
`isDisabled`	boolean	false	Disables the button

Button

Triggers an action or event, such as submitting a form, opening a dialog, or performing a destructive operation.

Toggle

A two-state button that can be on or off, like a standalone toggle in a toolbar.