Problem to solve

Dedicated slots for label and value could help developers avoid crafting those on the fly. When label slot is provided, it could supply aria-labelledby to improve accessibility.

Proposed solution

Expose new slots.

Potential challenge:

• some prop or an easy way to put those slots either above or below the bar
• needs a <div> wrapper, so will land in v4.0.0

Nice to have: new label prop that could land as aria-label if (yet another) hide-label prop is present.

Design idea from MD3 spec:

Similar to react-aria