Origami Frontend Components & Services

Demos: o-toggle

Toggles

The toggle button updates aria attributes on the targets and adds a class.

<button class="demo-toggle" data-o-component="o-toggle" data-o-toggle-target=".demo-target" data-o-toggle-callback="document.querySelector(&apos;.demo-target&apos;).classList.toggle(&apos;hidden&apos;);">Toggle</button>

<div class="demo-target hidden">Target of the toggle</div>
Switch component view

GitHub Repository

Install o-toggle

If using the Build Service, add o-toggle@^1.2.1 to your script tag.

If running a Manual Build, run bower install --save "o-toggle@^1.2.1".

Help & Support

o-toggle is maintained directly by the Origami team. If you have any questions about o-toggle or Origami in general, we are happy to help. 😊

Slack: #ft-origami
Email: origami.support@ft.com

Feedback / Issues

To report a bug or request features please create an issue on Github. For support or general feedback please get in touch 😊

Slack: #ft-origami
Email: origami.support@ft.com