actions
Icon button
When the action a button invoke is so clear that needs no words, just an icon.
Features
- Keyboard accessible
- Focusable even when disabled
- Multiple styles and sizes
- Themes ready
Anatomy
import { IconButton } from "@wonderflow/react-components";
export default () => {
return <IconButton icon="plus">Click</IconButton>;
};API Reference
PROPERTY
TYPE
DEFAULT
kindenumprimarydimensionenumregulariconenumdisabledbooleanbusybooleanpressedbooleanfalsesquaredbooleanfalseonClickfunctionasenumbuttonAccessibility
Adheres to the button role requirements. This component always requires the aria-label or aria-labelledby attributes to describe the action.
Keyboard interactions
| Name | Description |
|---|---|
| tab | Move focus on the element or outside |
| enter | Trigger the component action |