Top App Bars

Top app bars display information and actions at the top of a screen.

Centered App Bar

Midzuki Aro

Small App Bar

Sushi spot

Medium App Bar

Jessie Maldonado | Indie Dance Sunset Mix 2022

Large App Bar

Back To The 80's | Best of Synthwave Electro Mix

Component props

Component
Props
Type
Description
TopAppBarchildrenNodeSpecify app bar
CenteredAppBarleftElementNodeSpecify the left element
CenteredAppBartitleStringSpecify a title
CenteredAppBarchildrenNodeSpecify a title
CenteredAppBarrightElementNodeSpecify the right element
SmallAppBarleftElementNodeSpecify the left element
SmallAppBartitleStringSpecify a title
SmallAppBarchildrenNodeSpecify a title
SmallAppBarrightElementNodeSpecify the right element
MediumAppBarleftElementNodeSpecify the left element
MediumAppBartitleStringSpecify a title
MediumAppBarchildrenNodeSpecify a title
MediumAppBarrightElementNodeSpecify the right element
LargeAppBarleftElementNodeSpecify the left element
LargeAppBartitleStringSpecify a title
LargeAppBarchildrenNodeSpecify a title
LargeAppBarrightElementNodeSpecify the right element