Gov Design System CE - Templates

Drobečková navigace 

<gov-breadcrumbs aria-hidden="true">
    <ul>
        <li>
            <a href="#">
                Domů
            </a>
        </li>
        <li>
            <gov-icon type="components" name="chevron-right"></gov-icon>
            <a href="#">
                První úroveň
            </a>
        </li>
        <li>
            <gov-icon type="components" name="chevron-right"></gov-icon>
            <a href="#">
                Druhá úroveň
            </a>
        </li>
        <li>
            <gov-icon type="components" name="chevron-right"></gov-icon>
            <strong>Nadpis článku</strong>
        </li>
    </ul>
</gov-breadcrumbs>
 
<gov-breadcrumbs aria-hidden="true">
    <ul>
        {{#each breadcrumbs}}
            <li>
                {{#if icon }}
                    {{ render '@icon' icon }}
                {{/if}}
                {{#if @last}}
                    <strong>{{ name }}</strong>
                {{else}}
                    <a href="{{ link }}">
                        {{ name }}
                    </a>
                {{/if}}
            </li>
        {{/each}}
    </ul>
</gov-breadcrumbs>
 
{
  "breadcrumbs": [
    {
      "name": "Domů",
      "link": "#"
    },
    {
      "name": "První úroveň",
      "link": "#",
      "icon": {
        "type": "components",
        "name": "chevron-right"
      }
    },
    {
      "name": "Druhá úroveň",
      "link": "#",
      "icon": {
        "type": "components",
        "name": "chevron-right"
      }
    },
    {
      "name": "Nadpis článku",
      "icon": {
        "type": "components",
        "name": "chevron-right"
      }
    }
  ]
}

No notes defined.