Navbar
Navbar forma parte del apartado «Navegación» del kit. Tabs, breadcrumbs, navbars, sidebars y cabeceras para estructurar la app.
Instalación#
bash
pnpm add @tsukira/uiUso#
tsx
import { Navbar } from "@tsukira/ui"; export function Ejemplo() { return <Navbar />;}Ejemplos#
Los ejemplos detallados de Navbar están en camino. Mientras tanto, su demo interactiva vive en la página del grupo.
Ver demo en NavegaciónAPI#
NavbarPropsextends HTMLAttributes<HTMLElement>| Prop | Tipo | Default | Descripción |
|---|---|---|---|
variant | 'transparent' | 'card' | 'sticky' | — | Variante visual. |
size | 'sm' | 'md' | 'lg' | — | Tamaño (alto y padding). |
NavbarSectionPropsextends HTMLAttributes<HTMLDivElement>| Prop | Tipo | Default | Descripción |
|---|---|---|---|
align | 'start' | 'center' | 'end' | — | — |
NavbarBrandPropsextends Omit<HTMLAttributes<HTMLDivElement>, 'title'>| Prop | Tipo | Default | Descripción |
|---|---|---|---|
logo | ReactNode | — | — |
title | ReactNode | — | — |
NavbarHeadingPropsextends Omit<HTMLAttributes<HTMLDivElement>, 'title'>| Prop | Tipo | Default | Descripción |
|---|---|---|---|
eyebrow | ReactNode | — | — |
title | ReactNode | — | — |