Add name property to <sl-details>

[acrobertson]

Could you please add a name property to <sl-details> that maps to the <details> element's name attribute?

The <sl-details> element is meant to "[function] the same as <details>", but it does not provide a way to set the (relatively new) name attribute, which enables "exclusive accordion" behavior without the need for a grouping parent element and userland JS as in the current Grouping Details example.

The name attribute currently has support in all major browsers except Firefox, making it a great progressive enhancement opportunity. It can also be polyfilled.

[claviska]

Nice! I wasn't aware of the details:name attribute. One concern I have is that each name will be rendered inside separate shadow roots, so I suspect it won't work the way you're hoping. If that's the case, we'll probably be better off creating a dedicated accordion component where we can mimic the one-open-at-a-time behavior.