Navbar

Верхняя навигация. Бесплатно, MIT · Навигация и каркас › Каркас

Установка

npx valyro-cli@latest add navbar

npx shadcn@latest add https://valyro.xyz/r/navbar.json

npm install valyro-ui

import 'valyro-ui/styles.css';
import { Navbar } from 'valyro-ui';

Prop	Type	Default
`brand`	`ReactNode`		Logo / product name on the left.
`links`	`NavbarLink[]`	`[]`	Navigation links in the center; each renders as an anchor with `href`, else a button.
`actions`	`ReactNode`		Right-side slot: buttons, avatar, search. Stays visible on narrow widths.
`sticky`	`boolean`	`false`	Stick to the top of the nearest scroll container.
`label`	`string`	`'Main'`	Accessible name of the links navigation.
`menuLabel`	`string`	`'Menu'`	Accessible name of the button that opens the links on narrow widths.
`menuOpen`	`boolean`		Whether the links sheet is open (narrow widths only; controlled).
`defaultMenuOpen`	`boolean`	`false`	Initial state of the links sheet when uncontrolled. Opening it this way does not move focus into it.
`onMenuOpenChange`	`(open: boolean) => void`		Called when the links sheet opens or closes.