Breadcrumb

Navigation breadcrumb trail showing the current page hierarchy.

Example

Sub-components

Breadcrumb.Root

Prop	Type	Default	Description
`class`	`string`	—	Additional CSS classes

Breadcrumb.List

Prop	Type	Default	Description
`class`	`string`	—	Additional CSS classes

Breadcrumb.Item

Prop	Type	Default	Description
`class`	`string`	—	Additional CSS classes

Breadcrumb.Link

Prop	Type	Default	Description
`href`	`string`	—	Link destination
`class`	`string`	—	Additional CSS classes

Breadcrumb.Separator

Prop	Type	Default	Description
`class`	`string`	—	Additional CSS classes

Breadcrumb.Page

Prop	Type	Default	Description
`class`	`string`	—	Additional CSS classes

Usage

<script>
  import { Breadcrumb } from '@chrissnell/chonky-ui';
</script>

<Breadcrumb.Root>
  <Breadcrumb.List>
    <Breadcrumb.Item>
      <Breadcrumb.Link href="/">Home</Breadcrumb.Link>
    </Breadcrumb.Item>
    <Breadcrumb.Separator />
    <Breadcrumb.Item>
      <Breadcrumb.Page>Current</Breadcrumb.Page>
    </Breadcrumb.Item>
  </Breadcrumb.List>
</Breadcrumb.Root>