AlaskaAirlines / auro-accordion

Custom element that allows users to toggle the display for sections of content
https://auro.alaskaair.com/components/auro/accordion
Apache License 2.0
1 stars 1 forks source link

auro-accordion: Create Demo using CSS Parts to show Accordion fulfilling the "read more" use case #81

Open Patrick-Daly-AA opened 12 months ago

Patrick-Daly-AA commented 12 months ago

Is your feature request related to a problem? Please describe.

As the Auro Team, we want to provide an example on the doc site using CSS Parts to show how the accordion can be used to have a long section of text be revealed when clicking a "read more" button so that teams wanting to implement such functionality have an example of how to do so

Describe the solution you'd like

Doc site will have an example of this functionality

Describe alternatives you've considered

At this time, the team has determined that a standalone component for this use case is not our preferred approach, and instead showing how this can be done with CSS Parts is what we feel to be the best approach. If we hear back from design that they require a higher degree of customizability we will revisit this decision.

Additional context

No response

leeejune commented 12 months ago

This is what "Read more" should look like:

https://www.figma.com/file/jFPo0zwVENQVeOauFyHVuF/Accordion?type=design&node-id=1826-26523&mode=design&t=NsLXo53OTOuR3tUW-11

Screenshot 2023-07-20 at 10 29 06 AM