Breadcrumb

New

Навігаційні крихти для відображення ієрархії сторінок.

Import

import { Breadcrumb } from '@brutal-ui/react';

Basic Usage

const items = [
  { label: 'Home', href: '/' },
  { label: 'Docs', href: '/docs' },
  { label: 'Components', href: '/docs/components' },
  { label: 'Breadcrumb' },
];

<Breadcrumb items={items} />

Custom Separator

<Breadcrumb items={items} separator='→' />

Props

PropTypeDefaultDescription
itemsBreadcrumbItem[]-Array of breadcrumb items
separatorstring"/"Custom separator