IconButton

A borderless, background-free icon button: the hover effect is on the glyph itself (color), not a surrounding chip. Distinct from Button (which is a box-shaped control). Icons render with currentColor, so hover:text-* recolors the glyph.

Source

Import

import { IconButton } from "@flanksource/clicky-ui/components";

Demos

Default · Open in Storybook

Variants · Open in Storybook

Click · Open in Storybook

The props table documents the component-specific surface. Standard DOM attributes inherited from React, such as className, event handlers, and accessibility attributes, may also be accepted when the component’s prop type extends a native element.

Props

Prop	Type	Default	Description
icon*	StaticIconComponent	—	Imported icon component to render.
iconClassName	string	—	Extra classes for the glyph (e.g. size).
label*	string	—	Accessible name; drives both aria-label and the tooltip title.