Gov Design System CE - Templates

Odkazy kontaktů 

<ul class="gov-contact-links gov-list--plain">
    <li>
        <gov-flex gap="s-nudge" align-items="center" responsive="false">
            <gov-icon type="templates" name="envelope" color="primary" size="m" alt="e-mail:" aria-label="e-mail"></gov-icon>
            <a href="mailto:sekretariat@cenia.cz">sekretariat@cenia.cz</a>
        </gov-flex>
    </li>
    <li>
        <gov-flex gap="s-nudge" align-items="center" responsive="false">
            <gov-icon type="templates" name="telephone" color="primary" size="m" alt="tel.:" aria-label="telefon"></gov-icon>
            <a href="tel:+420797872011">+420 797 872 011</a>
        </gov-flex>
    </li>
    <li>
        <gov-flex gap="s-nudge" align-items="center" responsive="false">
            <gov-icon type="templates" name="globe2" color="primary" size="m" alt="web:" aria-label="url"></gov-icon>
            <a href="https://cenia.cz" target="_blank" rel="noreferrer nofollow">cenia.cz</a>
        </gov-flex>
    </li>
</ul>
 
<ul class="gov-contact-links gov-list--plain">
    {{#each contact}}
        <li>
            <gov-flex gap="s-nudge" align-items="center" responsive="false">
                {{ render '@icon' icon }}
                {{#if e-mail}}
                    <a href="mailto:{{ e-mail/text }}">{{ e-mail/text }}</a>
                {{/if}}
                {{#if phone}}
                    <a href="tel:{{ phone/link }}">{{ phone/text }}</a>
                {{/if}}
                {{#if web}}
                    <a href="{{ web/link }}" target="_blank" rel="noreferrer nofollow">{{ web/text }}</a>
                {{/if}}
                {{#if text}}
                    {{ text }}
                {{/if}}
            </gov-flex>
        </li>
    {{/each}}
</ul>
 
{
  "contact": [
    {
      "e-mail": {
        "text": "sekretariat@cenia.cz"
      },
      "icon": {
        "type": "templates",
        "name": "envelope",
        "aria-label": "e-mail",
        "alt": "e-mail:",
        "size": "m",
        "color": "primary"
      }
    },
    {
      "phone": {
        "text": "+420 797 872 011",
        "link": "+420797872011"
      },
      "icon": {
        "type": "templates",
        "name": "telephone",
        "aria-label": "telefon",
        "alt": "tel.:",
        "size": "m",
        "color": "primary"
      }
    },
    {
      "web": {
        "text": "cenia.cz",
        "link": "https://cenia.cz"
      },
      "icon": {
        "type": "templates",
        "name": "globe2",
        "aria-label": "url",
        "alt": "web:",
        "size": "m",
        "color": "primary"
      }
    }
  ]
}
  • Content: 
    .gov-contact-links {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-xs-nudge);
    padding-left: 0;
}
  • URL: /components/raw/contact/_contact.scss
  • Filesystem Path: src/components/atoms/contact/_contact.scss
  • Size: 124 Bytes

No notes defined.