Recipe
Accordion component
A collapsible disclosure widget built with native HTML details/summary elements and Tailwind CSS. Zero JavaScript, fully accessible.
Preview
What is Meridian?▼
Meridian is a premium Windows software product that provides advanced system utilities for power users and developers.
How does licensing work?▼
Licenses are bound to your hardware fingerprint and validated through our secure KeyAuth infrastructure.
Can I transfer my license?▼
License transfers are available through the dashboard. A hardware re-bind requires a 24-hour cooldown period.
Usage
Wrap each item in a <details> element with a <summary> child. Use Tailwind's group-open: modifier to animate the chevron. No JavaScript required — the browser handles open/close state natively.
Accessibility
- Keyboard navigable via Tab and Enter/Space
- Screen readers announce expanded/collapsed state
- Works without CSS or JavaScript enabled
- Respects prefers-reduced-motion for chevron animation