DSO Toolkit | 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. <a href="#">Nullam</a> 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. <a href="#">Nullam</a> 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