Skip to content
Skip design navigation
Etesie Alpha
Loading account
Components · FAB menu

FAB menu

A FAB that opens into related actions. Anchored to the page, so it is rendered inline rather than portalled.

Anatomy

  • 1 .fab-menu-root Anchor for the trigger and its list.
  • 2 .fab-menu-list The actions, stacked above the trigger.
  • 3 .fab-menu-item One action. Dimensionally an extended FAB with a full corner.
  • 4 .fab-menu-item-icon Leading glyph on one action.
Default

When to use

Use a FAB menu when one prominent action expands into a small set of closely related actions.