Forms

Choice

Individual choice option for use inside ChoiceList. Wraps the Polaris <s-choice> web component.

Usage

<template>
  <ShChoiceList v-model="selected" label="Pick one">
    <ShChoice value="option1">Option 1</ShChoice>
    <ShChoice value="option2">Option 2</ShChoice>
  </ShChoiceList>
</template>

Props

PropTypeDefaultDescription
valuestringChoice value
selectedbooleanWhether the choice is selected
defaultSelectedbooleanDefault selected (uncontrolled)
disabledbooleanDisables the choice
accessibilityLabelstringAccessible label

Slots

SlotDescription
defaultChoice label

Polaris Element

Renders as <s-choice>. See Polaris Choice docs.

© 2026 KiriminAja. Polaris and Shopify are trademarks of Shopify Inc.

KiriminAja not affiliated with Shopify.