Seems like <s-choice>
component is missing helpText
option from Polaris React. It would be great to have it as it’s common pattern across entire Shopify Admin.
Tried doing following:
<s-choice value="monthly">
<s-stack gap="small">
<s-text>Monthly</s-text>
<s-text color="subdued">$19 USD per month</s-text>
</s-stack>
</s-choice>
but it didn’t work, it’s children is rendered as text: Monthly$19 USD per month
Same issue with s-checkbox
.
1 Like
Hey Patrick,
Thanks for sharing more feedback about Polaris web components!
I’ve added this to our feature request list. While I can’t provide a timeline or guarantee implementation at this point, I’ll make sure your input is considered 
Hey Patrick, I think there might have been a docs regression and the choice details slot is not showing up anymore. I’ll look into getting that fixed up.
Can you try using the choice details slot?
Example:
<s-choice-list label="Status" multiple details="Status details">
<s-choice value="active">
Active
<s-text slot="details">Active from the database</s-text>
</s-choice>
</s-choice-list>
1 Like
Works perfectly, thanks Kyle!