Skip to content
Submitted 14 days ago

Native exclusive accordion

vite, react, typescript
P
LVL 2
kirushenski•60
@kirushenski
A solution to the FAQ accordion challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

What are you most proud of, and what would you do differently next time?

Tried to build modern 100% native accordion.

Used browser features:

  1. details/summary – baseline
  2. name attribute (exclusive) – baseline 2024
  3. ::details-content – baseline 2025
  4. ::marker – limited (no safari, but content: none works)
  5. interpolate-size – limited (chrome only)
  6. transition-behavior – baseline 2024
Code
Loading...

Please log in to post a comment

Log in

Community feedback

No feedback yet. Be the first to give feedback on kirushenski’s solution.

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord