Icon Button
A clickable button that contains only an icon, used for actions in tight spaces.
Presets
Props
Visual style variant
Button shape
Size preset (renders slightly larger than the icon itself)
Color theme (affects background or icon color depending on variant)
Icon to display
Accessible label (required)
Disables the button
Usage
<IconButton icon={Settings} variant="skeuo" shape="circle" size="md" color="neutral" label="Power" />Event Log
Interact with the component to see events
Accessibility
Requires a "label" prop to provide an accessible name for screen readers and tooltips.