Breadcrumbs

A list of links displaying the path to the current page within the site's hierarchy.

import { Breadcrumbs } from '@kaynora/ui'

export default function () {
  return (
    <Breadcrumbs items={[
      { label: 'Home', href: '#' },
      { label: 'Components', href: '#' },
      { label: 'Core', href: '#' },
      { label: 'Breadcrumbs', href: '#' },
    ]} />
  )
}

The internal prop determines the props to override internal components with.

import { Breadcrumbs } from '@kaynora/ui'

export default function () {
  return (
    <Breadcrumbs
      items={[
        { label: 'Home', href: '#' },
        { label: 'Movies', href: '#' },
        { label: 'Mulholland Drive', href: '#' },
      ]}
      internal={{
        typography: { color: 'primary' }
      } as any}
    />
  )
}

<Breadcrumbs />

{
  label: string
  href: string
}[]

{
  root: HTMLDivElementProps
  button: ButtonProps
  typography: TypographyProps
}