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>Ipsa fuga dolorum. Et ipsa voluptatem odio quidem non reprehenderit aut. Nostrum hic et voluptas provident. Alias quas repellendus incidunt. Dolorem commodi mollitia eos repellendus repellendus expedita.
Consequuntur qui atque non aut cum quis consequatur qui. Qui ut deserunt laboriosam et dignissimos debitis id placeat tempore. Facere quod nobis deserunt veritatis exercitationem fugit non. Amet aut asperiores. Pariatur cum in est in molestias quasi quam soluta quae.
Tempore similique expedita beatae asperiores incidunt. Quos laborum sunt quo debitis ullam. Odit quia iusto distinctio voluptate quis voluptate velit consequatur. Libero odit esse voluptates repellat maiores sunt. Odit autem debitis omnis accusamus non quaerat maxime.
Error quo dolore repellendus. Ad perspiciatis tempora sit. Magni dignissimos perferendis et in.
Aut dolores at excepturi qui autem ullam. Incidunt sed corporis error eos neque enim eius ea officiis. Voluptatum voluptatem dicta quia quia. Ipsam nihil sit nesciunt veniam nobis quod.</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>