Icon button
When the action a button invoke is so clear that needs no words, just an icon
Quick nav
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
kindenumprimarydimensionenumregulariconenumdisabledbooleanbusybooleanpressedbooleanfalseonClickfunctionasenumbuttonAccessibility
Adheres to the button role requirements. This component always requires the aria-label or aria-labelledby attributes to describe the action.
Keyboard interactions
tab
Move focus on the element or outside
enter
Trigger the component action