Components

Button group

Internal

A component for grouping buttons and links on a single line.

HTML
React

<div class="govuk-button-group">
  <a class="govuk-link govuk-link--active" href="#">
    One
  </a>
  <a class="govuk-link govuk-link--active" href="#">
    Two
  </a>
  <a class="govuk-link govuk-link--active" href="#">
    Three
  </a>
</div>
Rendering...

<ButtonGroup>
  <A href="#">One</A>
  <A href="#">Two</A>
  <A href="#">Three</A>
</ButtonGroup>
Rendering...

Props

Name	Type	Default	Description

Stories

Standard

A standard Button group.

One Two Three

HTML
React

<div class="govuk-button-group">
  <a class="govuk-link govuk-link--active" href="#">
    One
  </a>
  <a class="govuk-link govuk-link--active" href="#">
    Two
  </a>
  <a class="govuk-link govuk-link--active" href="#">
    Three
  </a>
</div>
Rendering...

<ButtonGroup>
  <A href="#">One</A>
  <A href="#">Two</A>
  <A href="#">Three</A>
</ButtonGroup>
Rendering...