Breadcrumb

Default Breadcrumb

<script>
  import { Breadcrumb } from '$lib/index'
  let crumbs = [
    {
      label:'Home',
      href:'/'
    },
    {
      label:'Breadcrumb',
      href:'breadcrumbs/index'
    }
  ]
</script>

<Breadcrumb {crumbs} />

Solid Breadcrumb

<Breadcrumb {crumbs} solid/>

Props

The component has the following props, type, and default values. See type-list page for type information.

Name Type Default
crumbs CrumbType[] []
homeClass string
crumbClass string
solid boolean false

References

Flowbite Breadcrumb