Breadcrumb

Navegación jerárquica que muestra la ruta actual dentro de la aplicación.

pnpm dlx nuvo-ui add breadcrumb

Básico

Solo texto (sin links)

Separador personalizado

Uso

import { Breadcrumb } from "@nuvo-ui/ui"

<Breadcrumb items={[
  { label: "Inicio",   href: "/" },
  { label: "Usuarios", href: "/usuarios" },
  { label: "Perfil" },  // último item: sin href, marcado como current page
]} />

Props

Prop	Tipo	Default	Descripción
items	BreadcrumbItem[]	—	Array de { label, href? }
separator	ReactNode	›	Separador entre items
className	string	—	Clases adicionales