Skip to content

[Feature] Accordion Component #237

@agonzalez22

Description

@agonzalez22

Create an accordion component based on the following below:

Closed state and closed hover state:

Image

Open state and open hover state:

Image ** please note the blue line underneath that opens.
  • Consider that we want this dropdown to be animated smoothly, similar to this dropdown example.
  • Consider that when constructing the FAQ page that contains all of these dropdowns, we want to establish a condition that only 1 dropdown may be open at a time.

**Acceptance Criteria **

  • Create the accordion component
  • Ensure it is reactive (test on multiple screen sizes)
  • Ensure animations are reflected in final component

Metadata

Metadata

Assignees

Labels

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions