Get startedGet started animationsanimations ComponentsComponents ThemesThemes

Components

Action

Button Chip Fab FabMenu IconButton SplitButton

Communication

Badge ProgressIndicator Snackbar Tooltip

Input

Chips Search Slider Switch TextField

Layout

Card Carousel Divider SideSheet Toolbar

Navigation

NavigationRail Tabs

Selection

Checkbox DatePicker Menu

NavigationRailSection

Navigation rail sections label the destinations that follow them.

Developer experience

Section labels only render when the rail is extended.

Accessibility

Renders as plain text with no role or heading semantics; it is announced like any other static text, not as a group label for assistive tech.

Known limitations

Purely visual: it does not group its items in an ARIA sense (no role="group"/aria-labelledby wiring).

Props

This component exposes no React props.