Components
Menubar
A visually persistent menu common in desktop applications that provides quick access to a consistent set of commands.
Loading
Installation
pnpm dlx shadcn@latest add @toui/menubar
Pattern
Tokens
5 CSS variables in 5 categories.
height
| CSS Variable | Value | Description |
|---|---|---|
--menubar-height | 2.25rem | — |
item-px
| CSS Variable | Value | Description |
|---|---|---|
--menubar-item-px | 0.5rem | — |
item-py
| CSS Variable | Value | Description |
|---|---|---|
--menubar-item-py | 0.25rem | — |
item-radius
| CSS Variable | Value | Description |
|---|---|---|
--menubar-item-radius | var(--component-radius-xs) | — |
item-text
| CSS Variable | Value | Description |
|---|---|---|
--menubar-item-text | var(--component-text-sm) | — |
Credits
- Built with Radix UI Menubar.