Den Haag Design System

Kruimelpad 

<ul class="breadcrumbs">
    <li class="breadcrumbs__item">
        <a href="#" class="breadcrumbs__link" title="level 0">level 0</a>
    </li>
    <li class="breadcrumbs__item">
        <a href="#" class="breadcrumbs__link" title="level 1">level 1</a>
    </li>
    <li class="breadcrumbs__item breadcrumbs__item_current">
        level 2
    </li>
</ul>
 
<ul class="breadcrumbs">
    <li class="breadcrumbs__item">
        <a href="#" class="breadcrumbs__link" title="level 0">level 0</a>
    </li>
    <li class="breadcrumbs__item">
        <a href="#" class="breadcrumbs__link" title="level 1">level 1</a>
    </li>
    <li class="breadcrumbs__item breadcrumbs__item_current">
        level 2
    </li>
</ul>
 
/* No context defined for this component. */
  • Content: 
    .breadcrumbs {

  &__item {
    display: inline;
    font-size: $fs-down-1;

    &:after {
      content: '\0020\203a';
      color: $black;
      display: inline-block;
      margin: 0 $space-xxs;
    }

    &_current {
      &:after {
        content: '';
      }
    }
  }

  &__link {
    font-weight: $fw-medium;
  }
}
  • URL: /components/raw/breadcrumbs/_breadcrumbs.scss
  • Filesystem Path: src/components/01-componenten/breadcrumbs/_breadcrumbs.scss
  • Size: 324 Bytes
  • Content: 
    /**
 * Initialize component.
 *
 * @param {HTMLElement} element Containing element.
 */
export default function Breadcrumbs (element) {

}
  • URL: /components/raw/breadcrumbs/breadcrumbs.js
  • Filesystem Path: src/components/01-componenten/breadcrumbs/breadcrumbs.js
  • Size: 139 Bytes

There are no notes for this item.