sl-design-system / components

SL Design System
https://sanomalearning.design/
Apache License 2.0
33 stars 3 forks source link

[Expansion Panel] Adding actions in Accordion's collapsed state. #1293

Open marcin-siekaniec opened 1 month ago

marcin-siekaniec commented 1 month ago

Provide a general summary of the feature here

In TEAS we are using an element that is very similar to the accordion. I think it would be good if there was also an action available in the collapsed part of the accordion

image

๐Ÿค” Expected Behavior?

Please add the action buttons to the collapsed accordion line

๐Ÿ˜ฏ Current Behavior

Currently the collapsed line has only the title and +/- icons.

๐Ÿ’ Possible Solution

No response

๐Ÿ”ฆ Context

Please see the current design: https://www.figma.com/design/3GuQHINgeaBAtcJrRdfSEA/%F0%9F%91%91-TEAS-Master?node-id=5778-41294&t=5Mjl3h6J2EnVmEmp-4

๐Ÿ’ป Examples

No response

๐Ÿงข Your Product/Team

TEAS

### CFA Interest
- [ ] TEAS
### Tasks
- [ ] Add this component in the survey of the RICE pilot
DanielleRameau commented 4 weeks ago

@marcin-siekaniec we don't think the example showed is an accordion but an expansion panel. Accordions are used to break up a lot of content (a chapter) into different paragraphs. In our opinion, the example you showed is an expansion panel, a stand-alone UI component that is used to show more complex information. We need to create a new component for this, when we send out the survey for patterns and components part 2 we will ask what the interests of other CFA's are for this component.

marcin-siekaniec commented 4 weeks ago

OK, thank you :)