Floating Action Button
A floating action button is a button that triggers the primary action in your interface UI.
Usage
- Executes the primary action on a screen.
- Mainly used for frequent action.
Anatomy
The floating action button is encapsulated within a container and may contain an icon representing the action, alongside a text label providing additional information.
Variant
Floating Action Button have extended (With Icon), extended (Without Icon) & default variants.
Extended (With Icon)
Extended (Without Icon)
Default
Sizes
Float action button are available in medium, and small sizes.
Medium
Small
States
Float action button have default & close states.
Default
Close
Specifications
Structure and spacing measurements for floating action button.
Live Demo
The Floating Action Button is demonstrated in a live environment in this demo.