Gov Design System CE - Templates

Card Button 

<gov-card>
    <gov-flex gap="s" direction="column" justify-content="space-between" class="gov-card-grid--space-between">
        <gov-flex gap="s" direction="column">
            <header>
                <h3 class=" gov-card__headline">Odbor společné zahraniční a bezpečnostní politiky EU</h3>
            </header>
            <p>Odpovídá za koordinaci účasti ČR na společné zahraniční a bezpečnostní politice EU (dále jen „SZBP EU“). Podílí se na formulaci cílů a priorit.</p>
        </gov-flex>
        <div class="gov-button-group">
            <gov-button color="primary" size="s" type="outlined" aria-label="Zjistit více o odboru společné zahraniční a bezpečností politiky EU" expanded="true">
                Zjistit více

            </gov-button>
        </div>
    </gov-flex>

</gov-card>
 
{{#> @card }}
    <gov-flex gap="s" direction="column" justify-content="space-between" class="gov-card-grid--space-between">
        <gov-flex gap="s" direction="column">
            {{#if heading }}
                <header>
                    {{ render '@heading' heading }}
                </header>
            {{/if}}
            {{#if text}}
                <p>{{{ text }}}</p>
            {{/if}}
        </gov-flex>
        {{#if button}}
            {{ render '@button-group' this }}
        {{/if}}
    </gov-flex>
{{/@card}}
 
{
  "heading": {
    "tag": "h3",
    "name": "Odbor společné zahraniční a bezpečnostní politiky EU",
    "classes": [
      "gov-card__headline"
    ]
  },
  "id": "bezpecnost",
  "text": "Odpovídá za koordinaci účasti ČR na společné zahraniční a bezpečnostní politice EU (dále jen „SZBP EU“). Podílí se na formulaci cílů a priorit.",
  "button": [
    {
      "text": "Zjistit více",
      "aria-label": "Zjistit více o odboru společné zahraniční a bezpečností politiky EU",
      "color": "primary",
      "type": "outlined",
      "size": "s",
      "expanded": true
    }
  ]
}

No notes defined.