Skip to content

feat: add css-only accordion component submission#39337

Merged
SAPTARSHI-coder merged 2 commits into
SAPTARSHI-coder:mainfrom
Pratik-kr21:feature/accordion-pr
Jul 8, 2026
Merged

feat: add css-only accordion component submission#39337
SAPTARSHI-coder merged 2 commits into
SAPTARSHI-coder:mainfrom
Pratik-kr21:feature/accordion-pr

Conversation

@Pratik-kr21

Copy link
Copy Markdown
Contributor

Description

This PR introduces a new Accordion component submission to the submissions/examples/accordion-pr/ directory.

  • Provides a clean, modern UI for FAQs and collapsible content panels.
  • Completely JavaScript-free. It uses the hidden checkbox hack (:checked state) to manage the open/close interactivity.
  • Utilizes CSS Grid (grid-template-rows: 0fr to 1fr) for a smooth, performant height transition that aligns with EaseMotion's fluid animation philosophy.

Submission Checklist

  • Placed the feature inside the correct track directory (submissions/examples/)
  • Included all required files (demo.html, style.css, README.md)
  • Appended a unique identifier (-pr) to the feature directory name to prevent naming conflicts
  • Verified that demo.html works directly in a browser without any external dependencies or build steps
  • Focused this PR strictly on one component
  • Kept a clean commit history using the Conventional Commits format

@github-actions github-actions Bot added animation Animation effects, hover interactions, motion ideas, transitions contribution ECSoC26 good first issue Good for newcomers GSSoC-26 Official GSSoC 2026 issue gssoc:approved Approved for GSSoC contributions help wanted Extra attention needed level:intermediate Requires moderate project understanding type:feature New functionality or enhancement labels Jul 8, 2026
@SAPTARSHI-coder

Copy link
Copy Markdown
Owner

✅ Submission Validation Passed!

Great job! All required files are present and valid.

📁 Folder: submissions/examples/accordion-pr

Files found:

  • demo.html
  • style.css
  • README.md

🚀 Next Steps:

  • A maintainer will review your PR
  • Respond to any feedback if requested
  • Once approved, your contribution will be merged!

Thank you for contributing to EaseMotion CSS! 🎉

@SAPTARSHI-coder

Copy link
Copy Markdown
Owner

✅ Submission Validation Passed!

Great job! All required files are present and valid.

📁 Folder: submissions/examples/accordion-pr

Files found:

  • demo.html
  • style.css
  • README.md

🚀 Next Steps:

  • A maintainer will review your PR
  • Respond to any feedback if requested
  • Once approved, your contribution will be merged!

Thank you for contributing to EaseMotion CSS! 🎉

@SAPTARSHI-coder SAPTARSHI-coder merged commit f204ea0 into SAPTARSHI-coder:main Jul 8, 2026
13 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

animation Animation effects, hover interactions, motion ideas, transitions contribution ECSoC26-L1 ECSoC26 good first issue Good for newcomers gssoc:approved Approved for GSSoC contributions GSSoC-26 Official GSSoC 2026 issue help wanted Extra attention needed level:intermediate Requires moderate project understanding type:feature New functionality or enhancement

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants