Button example

With aria controls

Used to identify what element(s) the button controls, this can be useful for users with visual impairment. In the example shown, the button controls the page wrapper with ID wrapper but it could be another identifying attribute.

How it looks (preview)

How to call this example

<%= render "govuk_publishing_components/components/button", {
  text: "Button",
  aria_controls: "wrapper"
} %>