Actions
Floating action button
The floating action button is the exception to the library's no-fills rule, and it earns that exception by being the only one on the screen. It hovers over content rather than sitting in the flow, and rises a breath on hover so it reads as a physical control.
npx shadcn@latest add @minflow/fabWhere to use it
- Mobile layouts, where the quick-actions rail collapses into a single control.
- Content surfaces with one dominant creation action.
- Never more than one per screen, and never for a secondary action.
Variations
Standard
The default: a single glyph, a fill, and a lift on hover.
With a label
When the action is not guessable from a glyph, or when the surface has room for the word.