- id:
- figma
-
-
{% include "@Components/sections/breadcrumbs-section/breadcrumbs-section.twig" with {props: { title: "Breadcrumbs Item", homepage: "/", items: [ { title: "Breadcrumbs Item", url: "#" } ] }} %} -
<section class="base-section --none s-breadcrumbs"> <div class="base-section__container container"> <nav class="g-breadcrumbs"> <ul class="g-breadcrumbs__list d-flex gap-1 flex-wrap align-items-center py-2"> <li class="i-breadcrumb d-flex align-items-center u-color-text-500 --homepage"> <div class="i-breadcrumb__divider me-1"></div> <a class="link d-inline-flex u-fw-600 align-items-center --text --underline-initial i-breadcrumb__link u-fw-700" href="/"> <span class="link__title"></span> <span class="link__icon d-flex align-items-center justify-content-center flex-shrink-0"> <span class="icon d-flex align-items-center justify-content-center --colored --text --sm"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path fill="currentColor" d="M13.992 5.155 9.226 1.424a1.984 1.984 0 0 0-2.45 0l-4.768 3.73a2.612 2.612 0 0 0-1.007 2.067V15h13.998V7.221c0-.812-.367-1.566-1.007-2.066Zm-.743 8.095H2.751V7.221a.87.87 0 0 1 .336-.689l4.766-3.73a.238.238 0 0 1 .294 0l4.766 3.732a.868.868 0 0 1 .336.688v6.03-.002ZM6.25 7.126h3.5v3.5h-3.5v-3.5Z"/></svg> </span> </span> </a> </li> <li class="i-breadcrumb d-flex align-items-center u-color-text-500"> <div class="i-breadcrumb__divider me-1"></div> <a class="link d-inline-flex u-fw-600 align-items-center --text --underline-initial i-breadcrumb__link u-fw-700" href="#" title="Breadcrumbs Item"> <span class="link__title">Breadcrumbs Item</span> </a> </li> <li class="i-breadcrumb d-flex align-items-center u-color-text-500 --current"> <div class="i-breadcrumb__divider me-1"></div> Breadcrumbs Item </li> </ul> </nav> </div> </section>
-
-
{% include "@Components/sections/breadcrumbs-section/breadcrumbs-section.twig" with {props: { title: "Breadcrumbs Item", homepage: "/" }} %} -
<section class="base-section --none s-breadcrumbs"> <div class="base-section__container container"> <nav class="g-breadcrumbs"> <ul class="g-breadcrumbs__list d-flex gap-1 flex-wrap align-items-center py-2"> <li class="i-breadcrumb d-flex align-items-center u-color-text-500 --homepage"> <div class="i-breadcrumb__divider me-1"></div> <a class="link d-inline-flex u-fw-600 align-items-center --text --underline-initial i-breadcrumb__link u-fw-700" href="/"> <span class="link__title"></span> <span class="link__icon d-flex align-items-center justify-content-center flex-shrink-0"> <span class="icon d-flex align-items-center justify-content-center --colored --text --sm"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path fill="currentColor" d="M13.992 5.155 9.226 1.424a1.984 1.984 0 0 0-2.45 0l-4.768 3.73a2.612 2.612 0 0 0-1.007 2.067V15h13.998V7.221c0-.812-.367-1.566-1.007-2.066Zm-.743 8.095H2.751V7.221a.87.87 0 0 1 .336-.689l4.766-3.73a.238.238 0 0 1 .294 0l4.766 3.732a.868.868 0 0 1 .336.688v6.03-.002ZM6.25 7.126h3.5v3.5h-3.5v-3.5Z"/></svg> </span> </span> </a> </li> <li class="i-breadcrumb d-flex align-items-center u-color-text-500 --current"> <div class="i-breadcrumb__divider me-1"></div> Breadcrumbs Item </li> </ul> </nav> </div> </section>
-
-
{% include "@Components/sections/breadcrumbs-section/breadcrumbs-section.twig" with {props: { title: "Breadcrumbs Item", homepage: "/", items: [ { title: "Breadcrumbs Item", url: "#" }, { title: "Breadcrumbs Item", url: "#" } ] }} %} -
<section class="base-section --none s-breadcrumbs"> <div class="base-section__container container"> <nav class="g-breadcrumbs"> <ul class="g-breadcrumbs__list d-flex gap-1 flex-wrap align-items-center py-2"> <li class="i-breadcrumb d-flex align-items-center u-color-text-500 --homepage"> <div class="i-breadcrumb__divider me-1"></div> <a class="link d-inline-flex u-fw-600 align-items-center --text --underline-initial i-breadcrumb__link u-fw-700" href="/"> <span class="link__title"></span> <span class="link__icon d-flex align-items-center justify-content-center flex-shrink-0"> <span class="icon d-flex align-items-center justify-content-center --colored --text --sm"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path fill="currentColor" d="M13.992 5.155 9.226 1.424a1.984 1.984 0 0 0-2.45 0l-4.768 3.73a2.612 2.612 0 0 0-1.007 2.067V15h13.998V7.221c0-.812-.367-1.566-1.007-2.066Zm-.743 8.095H2.751V7.221a.87.87 0 0 1 .336-.689l4.766-3.73a.238.238 0 0 1 .294 0l4.766 3.732a.868.868 0 0 1 .336.688v6.03-.002ZM6.25 7.126h3.5v3.5h-3.5v-3.5Z"/></svg> </span> </span> </a> </li> <li class="i-breadcrumb d-flex align-items-center u-color-text-500"> <div class="i-breadcrumb__divider me-1"></div> <a class="link d-inline-flex u-fw-600 align-items-center --text --underline-initial i-breadcrumb__link u-fw-700" href="#" title="Breadcrumbs Item"> <span class="link__title">Breadcrumbs Item</span> </a> </li> <li class="i-breadcrumb d-flex align-items-center u-color-text-500"> <div class="i-breadcrumb__divider me-1"></div> <a class="link d-inline-flex u-fw-600 align-items-center --text --underline-initial i-breadcrumb__link u-fw-700" href="#" title="Breadcrumbs Item"> <span class="link__title">Breadcrumbs Item</span> </a> </li> <li class="i-breadcrumb d-flex align-items-center u-color-text-500 --current"> <div class="i-breadcrumb__divider me-1"></div> Breadcrumbs Item </li> </ul> </nav> </div> </section>