Expand/Collapse Widget Showcase

This example uses a straightforward toggle button to reveal additional information. The content area is initially hidden and becomes visible when the button is activated.

• Accessible by updating aria-expanded state.
• Uses the HTML hidden attribute to manage visibility.
• Styled with subtle transitions for a modern appearance.

This widget starts in the expanded state. You can collapse the content using the same toggle mechanism, demonstrating how initial state can be configured.

The content could include:

• A summary of a report.
• Onboarding instructions.
• Frequently asked questions.