Gov Design System CE - Templates

Card Icon 

<gov-card aria-labelledby="hodiny">
    <gov-icon type="templates" name="clock" slot="icon" size="5xl"></gov-icon>
    <gov-flex gap="s" direction="column">
        <header>
            <h3 id="hodiny" class=" gov-card__headline">Úřední hodiny</h3>
        </header>
        <dl class="gov-description-list">
            <dt>Po, St:</dt>
            <dd>8:00 - 12:00</dd>
            <dt>Pá:</dt>
            <dd>13:00 - 15:00</dd>
        </dl>
    </gov-flex>

</gov-card>
 
{{#> @card }}
    {{#if icon}}
        {{ render '@icon' icon }}
    {{/if}}
    <gov-flex gap="s" direction="column">
        {{#if heading }}
            <header>
                {{ render '@heading' heading }}
            </header>
        {{/if}}
        {{#if text}}
            <p>{{{ text }}}</p>
        {{/if}}
        {{#if list}}
            {{ render '@description-list' }}
        {{/if}}
        {{#if contact}}
            {{> @contact }}
        {{/if}}
        {{#if button-link}}
            {{ render '@button' button-link }}
        {{/if}}
    </gov-flex>
{{/@card}}
 
{
  "heading": {
    "tag": "h3",
    "name": "Úřední hodiny",
    "id": "hodiny",
    "classes": [
      "gov-card__headline"
    ]
  },
  "id": "hodiny",
  "list": true,
  "icon": {
    "slot": "icon",
    "name": "clock",
    "type": "templates",
    "size": "5xl"
  }
}

No notes defined.