themesberg / themesberg/flowbite-react

Add customizable transition to `<Accordion>`

Open
#597 10 comments 2 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

:rocket: enhancement good first issue
Dominant language
TypeScript
Stars
2.1k
Forks
506
PR merge metrics
No merged PRs in 30d

Description

Discussed in https://github.com/themesberg/flowbite-react/discussions/90

Originally posted by waleedrana777 May 7, 2022
Suppose, I have an accordian, and I click on top section which opens the panel but the animation is so sudden, how can I make it slow? I figure, flowbite uses typescript under the hood and was not able to figure out how to modify it! Any suggestions?

It would be nice to make it so opening/closing items in an <Accordion> can optionally have an animation.

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 at the component entry point and inspect how opening and closing currently change the panel state and styling. Define the optional animation behavior and verify that both transitions can be customized without changing the default behavior.

Written by the indexing model from the issue text.

Assessment

Tech stack
react, tailwindcss, typescript
Domain
frontend
Issue type
Feature
Difficulty
3/5
Estimated time
1-2 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
35/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.