✨ Add middle content to accordion component

[petertgiles]

✨ Feature

On the manager dashboard we need an accordion that has some space for interactive content between the trigger and the content. Currently, the content is manually added on that page but the spacing is not configurable enough.

🎨 Design

Josh:

Component specification:
https://www.figma.com/design/guHeIIh8dqFVCks310Wv0G/Component-library?node-id=5-20&node-type=canvas&t=3VSWIj96B8VFWC0D-0

Accordion that needs middle content:
https://www.figma.com/design/oZhQe9ahidHFfaiqgREvxa/Dashboard-(All-users)?node-id=1010-18680&t=jCsiShy545bh9AqT-4

📸 Screenshot

🙋‍♀️ Proposed Implementation

From Josh:
It would be nice to build this into the component so we can reuse it elsewhere... a slot or something you can pass 0 or more actions to or something similar.

Should accept an array of items, like the preview list item.

✅ Acceptance Criteria

• Component updated
• Manager dashboard accordion updated to use new component feature

🛑 Blockers

Blocked By

Beta Give feedback

No tasks being tracked yet.

[petertgiles]

@JoshBeveridge Could you please update the component specification in Figma to show how this should be implemented?

Will the component accept any kind of content in the middle? Or just an array of links?