Demonstration Examples
Basic Expand/Collapse
Use this widget to show or hide a short piece of related content.
To enable two-factor authentication (2FA), go to your account security settings. Choose an authentication method (like an app or SMS) and follow the on-screen instructions. This adds an extra layer of security to your account.
Expand/Collapse with Detailed Content
This example shows a widget that can reveal a longer, structured block of content.
Core Requirements
- All interactive elements must be keyboard operable.
- Provide sufficient color contrast (4.5:1 for normal text).
- Use semantic HTML elements and ARIA only when necessary.
- Ensure all form controls have associated visible labels.
Additional Guidelines
Content should reflow to a 320px viewport without horizontal scrolling for text. Support forced colors mode. Manage focus for dynamic content updates.
This is an example of a longer text block to demonstrate how the widget handles content that may wrap or contain multiple paragraphs and lists.
Multiple Independent Widgets
These widgets operate independently. You can open one, or multiple, at the same time.
You can return any item within 30 days of purchase with a valid receipt. Please bring the item to any store location.
Yes, we ship to over 50 countries. Shipping costs and delivery times vary by destination. You can calculate costs at checkout.
You can reach our support team 24/7 via live chat on our website, or by email at support@example.com. Phone support is available Monday-Friday, 9am-5pm EST.