Gov Design System CE - Templates

File 

<ul class="gov-file gov-list--plain">
    <li>
        <gov-link href="#" size="m">
            <gov-icon slot="icon-start" name="file-earmark" type="templates" size="m"></gov-icon>
            Název nahraného souboru
        </gov-link>
        <span>(format, 296 KB)</span>
    </li>
    <li>
        <gov-link href="#" size="m">
            <gov-icon slot="icon-start" name="filetype-pdf" type="templates" size="m"></gov-icon>
            Název nahraného souboru
        </gov-link>
        <span>(PDF, 296 KB)</span>
    </li>
    <li>
        <gov-link href="#" size="m">
            <gov-icon slot="icon-start" name="filetype-xls" type="templates" size="m"></gov-icon>
            Název nahraného souboru
        </gov-link>
        <span>(XLS , 296 KB)</span>
    </li>
    <li>
        <gov-link href="#" size="m">
            <gov-icon slot="icon-start" name="filetype-png" type="templates" size="m"></gov-icon>
            Název nahraného souboru
        </gov-link>
        <span>(PNG, 296 KB)</span>
    </li>
    <li>
        <gov-link href="#" size="m">
            <gov-icon slot="icon-start" name="filetype-jpg" type="templates" size="m"></gov-icon>
            Název nahraného souboru
        </gov-link>
        <span>(JPG, 296 KB)</span>
    </li>
</ul>
 
<ul class="gov-file gov-list--plain">
    {{#each file}}
        <li>
            <gov-link href="#" size="m">
                <gov-icon slot="icon-start" name="{{ icon }}" type="templates" size="m"></gov-icon>
                {{ name }}
            </gov-link>
            <span>{{ format }}</span>
        </li>
    {{/each}}
</ul>
 
{
  "file": [
    {
      "name": "Název nahraného souboru",
      "format": "(format, 296 KB)",
      "icon": "file-earmark"
    },
    {
      "name": "Název nahraného souboru",
      "format": "(PDF, 296 KB)",
      "icon": "filetype-pdf"
    },
    {
      "name": "Název nahraného souboru",
      "format": "(XLS , 296 KB)",
      "icon": "filetype-xls"
    },
    {
      "name": "Název nahraného souboru",
      "format": "(PNG, 296 KB)",
      "icon": "filetype-png"
    },
    {
      "name": "Název nahraného souboru",
      "format": "(JPG, 296 KB)",
      "icon": "filetype-jpg"
    }
  ]
}
  • Content: 
    gov-file, .gov-file {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-m-nudge);
    li {
        display: inline-flex;
        gap: var(--spacing-s);
        > span {
            margin-top: var(--spacing-s);
            color: var(--text-tertiary);
            white-space: nowrap;
        }
    }
}
  • URL: /components/raw/files/files.scss
  • Filesystem Path: src/components/atoms/files/files.scss
  • Size: 322 Bytes

No notes defined.