menu
Menu
bottomnav
palette
Alt Theme
brightness_3
Dark Mode
format_align_right
Right-to-Left
format_size
200% Text
Bottom navigation bars allow movement between primary destinations in an app.

navigation bars display three to five destinations at the bottom of a screen. Each destination is represented by an icon and an optional text label. When a bottom navigation icon is tapped, the user is taken to the top-level navigation destination associated with that icon.

12:30

Bottom Navigation
Javascript
Ink
Surface
HTML Code
Javascript Code
Samples
12:30

Light Theme
  • Radio buttons
  • Badges
12:30

Dark Theme
  • Disappearing Labels
  • Badges
  • Shifting labels
12:30

Tablet
  • Disappearing Labels
  • Badges