Components
Navbar
A fixed navigation bar component with support for branding, links, and user menu. Built with React and Tailwind CSS for modern web applications.
Loading
Installation
pnpm dlx shadcn@latest add @toui/navbar
Pattern
Tokens
3 CSS variables in 3 categories.
height
| CSS Variable | Value | Description |
|---|---|---|
--navbar-height | 3.5rem | 56px — default navbar height |
px
| CSS Variable | Value | Description |
|---|---|---|
--navbar-px | var(--component-px-xl) | 22px |
gap
| CSS Variable | Value | Description |
|---|---|---|
--navbar-gap | var(--component-gap-md) | — |