Components/FloatingActionButton

FloatingActionButton

Fixed-position button with optional speed-dial action list.

Installation

Examples

Speed dial

Expands to reveal action buttons on click.

New post
Upload
Share

API Reference

PropTypeDefaultDescription
iconReactNodeMain icon (defaults to Plus).
labelstring'Open actions'Accessible label.
actionsFABAction[][]Speed-dial actions shown when expanded.
position'bottom-right'|'bottom-left'|'bottom-center''bottom-right'Screen position.
size'sm'|'md'|'lg''md'Controls button size.
onClick() => voidClick handler when no actions.