An enhanced block of text, where you can show/hide information.
<div class="read-more" data-show="Read more " data-hide="Read less">
<div class="read-more__content">
<p>Saepe tempora distinctio sit laborum sunt ut. Autem est sed fugiat atque. Assumenda iusto nisi odio tempore inventore voluptas vitae nulla ab. Cum qui soluta consequatur ea. Saepe sunt illum tempore omnis voluptas consequuntur voluptates voluptatum. Quasi earum quae.
Temporibus qui molestiae molestiae ipsum. At consequatur magnam qui at vel qui quia laudantium. Blanditiis ipsa dolore nemo voluptatum ut sit debitis. Magnam dolorem voluptate reprehenderit eum.
Voluptatem dicta est accusamus omnis inventore aliquid non et voluptate. Nisi quaerat rem quam ut sapiente adipisci. Nobis incidunt omnis dolor incidunt. Soluta et dolor magnam tenetur quo sit.
Et amet laborum eum facilis et non veritatis. Provident voluptatem magni officiis praesentium repellendus omnis atque. Mollitia sed dignissimos dolore pariatur eaque et distinctio. Vel voluptatem itaque.
Ipsa alias et error fuga minus quibusdam temporibus dolorem rerum. Numquam voluptatem magnam sed aut ea dolores quae eveniet. Occaecati iure aperiam aut autem similique magni. Fugiat in aliquam accusamus est.</p>
</div>
<div class="read-more__toggle">
<button class="button button--small ">
<span>Read more</span>
</button>
</div>
</div>
<div class="read-more" data-show="{{ trigger.text }} " data-hide="{{ trigger.hide }}">
<div class="read-more__content">
<p>{{ text }}</p>
</div>
<div class="read-more__toggle">
{{#if button}}
{{ render '@button' button merge=true }}
{{else}}
<button class="link"><span>{{ trigger.text }}</span></button>
{{/if}}
</div>
</div>