Components / UI components / Actions
ActionsExperimental alpha

IconButton

A compact icon action with a required accessible label and keyboard-visible hint.

IconButton preview

Loading example…

Interactions use local sample data.

Usage and props

Use familiar icons for secondary actions. Supply a meaningful label and keep consequential actions understandable in context.

Supported inputs

This is the public signature used by this example. Open Code to see how the values and callbacks fit together.

label: string · icon: IconName · Button props except children, aria-label and size
How state and callbacks work

These are the main props for the example. The package's TypeScript declarations include the full API.

Customize and use with a keyboard