Preview

Note: Items are set via the items JavaScript property. See usage below.

Usage

<cs-breadcrumb-group></cs-breadcrumb-group>

<script>
  const breadcrumbs = document.querySelector('cs-breadcrumb-group');
  breadcrumbs.items = [
    { text: 'Home', href: '/' },
    { text: 'Services', href: '/services' },
    { text: 'Current page', href: '#' },
  ];
</script>

Properties

aria-labelBreadcrumbGroupProps['expandAriaLabel'] default: 'Breadcrumbs'

dropdown-itemsReadonlyArray<LinkItem>required

visibleboolean

Events

dropdownItemClickCustomEvent<{ id: string; }>

dropdownItemFollowCustomEvent<{ id: string; }>