Skip to content
Sancho UI
Toggle dark mode
Getting started
Built with ☕ by
Ben McMahen

Toolbar

A toolbar provides a responsive component which changes height and padding depending on the screen size. This is typically used in combination with Navbar.

Basic usage

Use the compressed prop to create a toolbar with less vertical padding.

<Toolbar compressed>
  {/* Toolbar content goes here */}
</Toolbar>

API

Toolbar
compressedboolean
Reduce the height of the toolbar
cssInterpolationWithTheme<any>