1. Component Guide
  2. Button
  3. With data attributes
Button example

With data attributes

Data attributes can be applied as required. Note that the component does not include built in tracking. If this is required consider using the track click script.

How it looks (preview)

How to call this example

<%= render "govuk_publishing_components/components/button", {
  text: "Track this!",
  margin_bottom: true,
  data_attributes: {
    module: "cross-domain-tracking",
    "tracking-code": "GA-123ABC",
    "tracking-name": "transactionTracker"
} %>