DSO Component Library

Info 

<div class="dso-info">
    <button type="button">
        <span class="sr-only">Sluiten</span>
    </button>
    <div class="dso-rich-content">
        <h2>Heading 2</h2>
        <p>Lorem ipsum dolor sit amet, <strong>consectetur</strong> adipiscing elit. Nullam non metus dolor. Pellentesque velit arcu, pellentesque at lacus sit amet, porta semper est.
            Praesent mollis lorem lorem, non varius nisl lacinia et. Integer quis sollicitudin arcu. Nullam lacinia non ipsum sit amet varius.
            Praesent consequat ligula id tortor elementum pretium. Integer ligula justo, volutpat sed tellus eu, faucibus fringilla lectus.</p>

    </div>
</div>
 
<div class="dso-info">
  <button type="button">
    <span class="sr-only">Sluiten</span>
  </button>
  <div class="dso-rich-content">
    {{{ infoText }}}
  </div>
</div>
 
infoText: >
  <h2>Heading 2</h2>

  <p>Lorem ipsum dolor sit amet, <strong>consectetur</strong> adipiscing elit.
  Nullam non metus dolor. Pellentesque velit arcu, pellentesque at lacus sit
  amet, porta semper est.

  Praesent mollis lorem lorem, non varius nisl lacinia et. Integer quis
  sollicitudin arcu. Nullam lacinia non ipsum sit amet varius.

  Praesent consequat ligula id tortor elementum pretium. Integer ligula justo,
  volutpat sed tellus eu, faucibus fringilla lectus.</p>

Afbeeldingen worden in form .dso-info in het midden uitgelijnd