<s-choice> missing helpText

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 :slight_smile:

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!