themesberg / themesberg/flowbite

Add animation to accordion component when collapsing

Open
#976 1 comment 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

Dominant language
HTML
Stars
9.4k
Forks
862
PR merge metrics
No merged PRs in 30d

Description

Description: I would like to request the addition of a collapsing animation to the accordion component. Currently, when an accordion item is collapsed, the transition is abrupt, which may detract from the overall user experience. A smooth animation would enhance the visual appeal and provide a more polished interaction.

Benefits:

  • Improved user experience with smoother interactions.
  • Enhanced visual appeal of the accordion component.
  • Consistency with modern UI practices that favor animations for state changes.

Additional Context: Similar features have been implemented in various UI frameworks, and they have proven to significantly improve the interaction quality. I believe that adding this feature would make the Flowbite accordion component more competitive and enjoyable for users.

Possible Alternatives: If implementing a full animation is not feasible, even a simple fade effect or a slight delay in the collapse action would be beneficial.

Thank you for considering this request!

Contributor guide

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Research direction

Start by locating the Flowbite accordion component and inspect how its collapsed state currently changes. Determine the existing interaction entry point and any related examples before choosing an animation approach. Done means accordion items collapse smoothly without breaking the existing interaction.

Written by the indexing model from the issue text.

Assessment

Tech stack
javascript, tailwindcss
Domain
design, frontend
Issue type
Feature
Difficulty
3/5
Estimated time
1-2 days
Activity status
Stale
Clarity
Needs clarification
Newbie friendliness
35/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.