Govspeak content: Contact

To display long form text which has been converted from Govspeak

Govspeak is GOV.UK’s extension of Markdown.

This component has no control over markup, which is passed in to the component pre-generated. It only applies CSS/JS.

It applies styling to standard Markdown content, eg; paragraphs, headings and lists. It also applies styling to Govspeak specific markup, like callouts, contacts and highlights.

In addition to styling, it also applies some Javascript behaviours.

How to call this component

<%= render partial: 'govuk_component/govspeak', locals: { content: "<div class=\"contact\" id=\"contact_1017\"> <div class=\"content\"> <h3>Media enquiries</h3> <div class=\"vcard contact-inner\"> <p class=\"adr\"> <span class=\"street-address\">2 Marsham Street<br>London</span><br> <span class=\"postal-code\">SW1P 4DF</span> </p> <div class=\"email-url-number\"> <p class=\"tel\"><span class=\"type\">Press enquiries</span> 020 7XXX XXXX</p> <p class=\"tel\"><span class=\"type\">Out of hours</span> 020 7XXX XXXX</p> </div> <p class=\"comments\">A comment about the contact</p> </div> </div> </div> ", govspeak: null } %>

How this component looks

Media enquiries

2 Marsham Street
London

SW1P 4DF

A comment about the contact