BLD8 / ui
Actions

Icon button.

Compact controls with an explicit accessible name.

LIVE PREVIEWTry it. It works.

Usage

React / TypeScript
<IconButton label="Add item"><Icon name="plus" /></IconButton>

Import components from @bld8/ui and include @bld8/ui/styles.css once. Wrap the application in UIProvider.

API & behaviour

label is required. Accepts the same variants and native props as Button. Use Tooltip for supplementary context, never as the only label.

Notes to self

Test this component with real content, keyboard input and both themes. The example is a starting point; labels, error handling and behaviour still need to fit the application.