1. Finder Frontend Component Guide
  2. Govspeak content
  3. Inverted
Govspeak content example

Inverted

This option currently supports basic inversion of only headings, paragraphs and links.

How it looks (preview)

This is a title

This is some body text with a link.

How to call this example

<%= render "govuk_publishing_components/components/govspeak", {
  inverse: true
} do %>
  <h2>This is a title</h2>
<p>This is some body text with <a href="https://example.com">a link</a>.</p>
<% end %>