Skip to content

Conversation

@raquelarrojo
Copy link
Collaborator

@raquelarrojo raquelarrojo commented Feb 10, 2025

Checklist

  • Build process is done without errors. All tests pass in the /lib directory.
  • Self-reviewed the code before submitting.
  • Meets accessibility standards.
  • Added/updated documentation to /website as needed.
  • Added/updated tests as needed.

Description
Refactor Accordion component based on new design: https://www.figma.com/design/7CanVB5tlgwOeDIlvK8Dyf/Component-exploration-%26-Testing?node-id=1712-4101&m=dev
DxcAccordionGroup has been removed and now we have only one component: DxcAccordion. This component acts like the old accordion group, with accordion items inside.
Several changes:

  • disabled is now configurable on each accordion item, instead of in the accordion parent (old Accordion group).
  • Several ways of adding extra value added, like a badge or a status light. Everything is available in Figma's design.
  • subLabel added
  • independent added. This specifies when only one accordion can be expanded or several.
  • Types updated
  • Advanced and opinionated themes updated
  • Documentation updated
  • Functional and accessibility tests updated
  • Visual tests added
  • Theme generator previews updated

@raquelarrojo raquelarrojo marked this pull request as ready for review February 10, 2025 16:19
Copy link
Collaborator

@GomezIvann GomezIvann left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

When we have the new images I will merge the PR!

@GomezIvann GomezIvann merged commit f78eb80 into master Feb 26, 2025
4 checks passed
@GomezIvann GomezIvann deleted the rarrojolopez/accordion branch February 26, 2025 16:45
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants