Aizad/FEQ-1566/Added Accordion Component

[aizad-deriv]

Created new Accordion component.
Props:

1. allowMultiple
2. disableAnimation
3. isCompact
4. sections
5. variants

Screen.Recording.2024-03-06.at.6.26.49.PM.mov

[markw-deriv]

Should the whole title row trigger the expand/contract action?

For example, if I click here, should it expand?

[aizad-deriv]

Should the whole title row trigger the expand/contract action?

For example, if I click here, should it expand?

Based on production and the design file it shows that only when the user clicks on the Arrow Button only then it will expand:

Link to Figma

[markw-deriv]

Is it used for this? It expands/collapses when I click the title.

[aizad-deriv]

Is it used for this? It expands/collapses when I click the title.

That seems like a single Accordion however in deriv-app it's called a content-expander, which has its own special use case and functionality. To be honest you can use the accordion for that but it may lack some of the functionalities of the content-expander.

[markw-deriv]

Is it used for this? It expands/collapses when I click the title.

That seems like a single Accordion however in deriv-app it's called a content-expander, which has its own special use case and functionality. To be honest you can use the accordion for that but it may lack some of the functionalities of the content-expander.

Weird. But cool, just wanted to check it's got the same functionality as production, which is seems like it does then. thanks @aizad-deriv

[cloudflare-workers-and-pages]

Deploying deriv-ui with    Cloudflare Pages

Latest commit:	80f8010
Status:	✅  Deploy successful!
Preview URL:	https://f42d1c74.deriv-ui.pages.dev
Branch Preview URL:	https://aizad-feq-1566-add-accordion.deriv-ui.pages.dev

View logs

[shayan-deriv]

just wanted to check if it's possible to use string over number for the activeIndex

[coveralls]

Pull Request Test Coverage Report for Build 8533144891

Details

• 10 of 10 (100.0%) changed or added relevant lines in 1 file are covered.
• No unchanged relevant lines lost coverage.
• Overall coverage increased (+1.6%) to 45.636%

---

Totals
Change from base Build 8532933824:	1.6%
Covered Lines:	144
Relevant Lines:	312

---

💛 - Coveralls

[github-actions]

🎉 This PR is included in version 1.13.0 🎉

The release is available on:

• npm package (@latest dist-tag)
• GitHub release

Your semantic-release bot 📦🚀