Header
Header 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 { Header } from "@tsukira/ui"; export function Ejemplo() { return <Header />;}Ejemplos#
Los ejemplos detallados de Header están en camino. Mientras tanto, su demo interactiva vive en la página del grupo.
Ver demo en NavegaciónAPI#
HeaderPropsextends Omit<HTMLAttributes<HTMLElement>, 'title'>| Prop | Tipo | Default | Descripción |
|---|---|---|---|
eyebrow | ReactNode | — | Eyebrow opcional sobre el título. |
title* | ReactNode | — | Título principal. |
description | ReactNode | — | Descripción debajo del título. |
actions | ReactNode | — | Acciones a la derecha (botones, etc.). |
size | 'sm' | 'md' | 'lg' | 'md' | Tamaño visual. Default 'md'. |
divider | boolean | — | Mostrar borde inferior. |
stackOnMobile | boolean | — | Apila titleBlock encima de actions en viewports <768px. |