<md-branded-fab>
Floating action buttons (FABs) help people take primary actions. They’re used to represent the most important action on a screen, such as Create or Reply.
- Category
- Actions
- Built with
Lit- Library
Material Web
- Author
- Package
-
@material/web - Component size
- 7.1 kB JS (minified + gzipped, JS includes dependencies beyond the library)
- Library size
- 6.8 kB JS (shared by every Material Web component, loaded once per page)
- Popular
- 5 out of 5
- Downloads
- 138,923/week · jsDelivr 24,282,713 hits/month (whole @material/web package)
- GitHub stars
- 11,283
- Latest stable version
2.5.0- Last published
- License
- Apache-2.0
Emphasis: High emphasis – For the primary, most important, or most common action on a screen
Rationale: The FAB remains the default component for a screen’s primary action. It comes in three sizes: small FAB, FAB, and large FAB. The extended FAB’s wider format and text label give it more visual prominence than a FAB. It’s often used on larger screens where a FAB would seem too small. Branded FABs are used to specifically call attention to branded logo icons.
Example usages:
- FAB
- Create
- Compose
- Extended FAB
- Create
- Compose
- New Thread
- New File