1. Static Component Guide
  2. Govspeak content
  3. Text fractions

Govspeak content example

Text fractions

How to call this example

<%= render "govuk_component/govspeak" {
  content: "<p>If an image is not available for a particular fraction, then we'll fallback to text based fraction using <code>sup</code>/<code>sub</code>, like this <span class=\"fraction\"><sup>1</sup>&frasl;<sub>100</sub></span> example.</p>
    "
} %>

How it looks

If an image is not available for a particular fraction, then we'll fallback to text based fraction using sup/sub, like this 1100 example.