Content Switcher

Presents a container with content two possible states. The second state is triggered by the user via a button in the top right corner of the container. This second state can be reverted back to the original state by the user. This demo shows how to create a content switcher using the design kit and Tailwind css.

Alert informationThese examples require Tailwind CSS. Refer to the getting started documentation to add styling

Default

Lets user switch content

Dynamic Content State

The displayed content state can be toggled by altering the state of the edit button to show two different update the content state dynamically.