Progressively enhanced toggle panel

By default, this is a heading and some paragraphs, but where Vue is supported, a toggle panel is available.

A heading which toggle the collapsable panel

We use Vue Scoped Slots to push existing content into a Vue component shell. This means that without Vue/JS, the content is still acceptable and consumable. When Vue/JS is available, we can enhance that experience with the same content with no repetition 🎉.

Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui. Curabitur blandit tempus porttitor. Sed posuere consectetur est at lobortis. Aenean lacinia bibendum nulla sed consectetur. Nullam quis risus eget urna mollis ornare vel eu leo. Integer posuere erat a ante venenatis dapibus posuere velit aliquet.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam id dolor id nibh ultricies vehicula ut id elit. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Maecenas faucibus mollis interdum. Aenean lacinia bibendum nulla sed consectetur.