Accordian web component to take accordian-header as a slot item like accordian-panel

[parsoman]

We have a requirement from IMI Email integration UX where we need to pass the slot content in the accordian header as it contains some formatted text with some span element.

Issue Type

Feature Request

Component or Pattern Affected

Accordian

Expected Behavior

https://www.figma.com/file/hXszABjF0kGCwh2cjjDcxQ/IMI-Integration-for-Digital-Channels---May-2021?node-id=4%3A8129
Accordian header should take html/slot content as input property.

Current Behavior

Accordian header takes now label as input property which is only string.

Possible Solution

Steps to Reproduce (for bugs)

Context

Here is the UX provided to us for your better understanding-
https://www.figma.com/file/hXszABjF0kGCwh2cjjDcxQ/IMI-Integration-for-Digital-Channels---May-2021?node-id=4%3A8129

Your Environment

• Library:
• Version used:
• Browser Name and version:
• Operating System and version:
• Link to your project: