Components

Breadcrumb

Hierarchical navigation trail from an items array.

Breadcrumb shows the path to the current page and lets users jump back.

Example

Preview

import { Breadcrumb } from '@officina/ui';

<Breadcrumb items={[{ label: 'Dashboard', href: '/dashboard' }, { label: 'Projects' }]} />;

Prop	Type	Default	Description
items*	BreadcrumbItem[]	—	Trail entries from root to current page.
separator	ReactNode	<ChevronRight className="size-3" />	Custom separator between items. Defaults to a chevron.

Accordion

Stacked, collapsible panels driven by an items array, with optional single-open behavior.

Tabs

Accessible tabbed panels driven by an items array.