• Getting Started
  • Components
  • Advanced

Top Bar

Ready for production
Responsive
Check the source

Simple Use

Show Code
Edit on Stackblitz

Theme Use

Show Code
Edit on Stackblitz







By default TopBar recieves the theme(primary, secondary .....) props and passes it on to TopBar.Logo, TopBar.Header and TopBar.Menu
However, TopBar.Logo, TopBar.Header and TopBar.Menu can recieve their own theme(primary, secondary .....) props

Size Use

Show Code
Edit on Stackblitz
small
medium
large
style={{ fontSize: '2em' }}
Quick LinksGithubTwitter