Add new "Accordion" component with customizable Inputs

[deeved-hiuston-brisa]

Issue Number

#849

Description

This Pull Request aims to add a new component called "Accordion" to our project. The "Accordion" component provides the ability to hide and show content with a collapse/expand feature. It comes with a set of customizable Inputs for greater usage flexibility.

Proposed Changes

1. Addition of the "Accordion" component to the components directory.
2. Definition of the following Inputs for the "Accordion" component:

• @input() name?: string. This Input allows associating a name with the component, making it more identifiable and useful in contexts where multiple "Accordion" components may be used.
• @input() templateHeader: TemplateHeader. This Input allows providing a custom TemplateHeader for the header of the "Accordion" component, giving the freedom to customize the header's appearance.
• @input() show? = false. This Input controls the display state of the content within the "Accordion" component. When set to true, the content is displayed; otherwise, it remains hidden by default.

3. Creation of unit tests to ensure the correct functioning of the "Accordion" component and its customizable Inputs.
4. Addition of comprehensive documentation using Storybook for the "CoAccordionlapse" component, demonstrating how to use it with examples and usage scenarios.

Motivation

The addition of this new "Accordion" component with customizable Inputs will enhance the flexibility and usability of our project, enabling developers to create more dynamic and appealing user interfaces.

How to Test

To test the "Accordion" component, please follow the instructions in the Storybook and utilize the provided unit tests in this Pull Request.

View Storybook

Accordion

[alysson-mascarenhas-brisa]

It was very good and easy to use. Congratulations on the work!

[iurynogueira]

Nice!