Buttons
Floating action button
Keep a screen-level primary action visible above the surrounding content.Floating action button at a glance
Floating action button covers the highest-priority screen action while preserving native platform semantics where they apply.
- Focused responsibilityThe component owns one clear interaction contract without absorbing application logic.
- Typed contractProps, slots, and events are documented from the current public API.
- System statesEnabled, active, focused, and disabled states stay aligned with the theme.
A quick look
A live component shows the default contract before the detailed specification.
Start with defaults
Override only the values that communicate a real product requirement.
Preserve intent
Visual configuration must not change semantics or expected interaction.