Gov Design System CE - Templates

Button group 

<div class="gov-button-group">
    <gov-button color="primary" size="s" type="solid">
        Button

    </gov-button>
</div>
 
<div class="gov-button-group">
    {{#each button}}
        {{> @button }}
    {{/each}}
</div>
 
{
  "button": [
    {
      "text": "Button",
      "color": "primary",
      "type": "solid",
      "size": "s"
    }
  ]
}
  • Content: 
    .gov-button-group {
    display: flex;
    flex-wrap: wrap;
    gap: var(--spacing-s-nudge);
    padding: var(--spacing-s) 0;
}
  • URL: /components/raw/button-group/button-group.scss
  • Filesystem Path: src/components/molecules/button-group/button-group.scss
  • Size: 127 Bytes

No notes defined.