1. Government Frontend Component Guide
  2. Button
  3. Inline layout
Button example

Inline layout

Buttons will display adjacent to each other until mobile view, when they will appear on top of each other.

How it looks

How to call this example

<button class="gem-c-button govuk-button gem-c-button--inline">First button</button>
<%= render "govuk_publishing_components/components/button", {
  text: "Second button",
  inline_layout: true
} %>