Skip to content

material. /Components

Components Styles Examples Documentation GitHub ↗

Components Styles Documentation GitHub ↗

Components

Overview

Actions

Button Icon button Button group Split button FAB FAB menu Extended FAB

Selection & input

Checkbox Switch Radio buttons Chips Slider Text field Select Search Date picker Time picker

Navigation

Navigation rail Navigation bar Drawer Tabs Menu Top app bar Bottom app bar Toolbar

Containment

Card List Carousel Divider Dialog Bottom sheet Side sheet

Communication

Badge Progress Loading indicator Snackbar Tooltip

material · Material Design 3
MIT license
Icons: Material Symbols by Google, Apache 2.0
Type: Roboto by Google, OFL 1.1

ACTIONS / FAB MENUDocumentation ↗

FAB menu

Offer a few related actions from one FAB. Try the expressive list, the baseline menu the web uses, and the colour sets.

Theme

Light Dark

Loading preview… 7.7 KB gzip7.8 KB gzip

CONFIGURATION

Scenario

The options this playground starts with.

Appearance

Presentation

listmenuauto

Color

primarysecondarytertiary

Size

Placement

Content

Items

Item count

23456

Item icons

Behavior

Open

material · Built by Floor IOSource on GitHub ↗Privacy

↑↓navigate ↵open escclose