Radio
Demo
Payment methodOrder #1042 · Secure checkout
Selected：WeChat Pay
Selection feedback
Radio keeps its inner indicator mounted and reveals the Varo-primary dot with a 180ms scale/fade, avoiding layout reconstruction between states. Press feedback is brief; reduced motion switches state immediately.
Props
| Prop | Type | Default | Description |
|---|---|---|---|
checked | boolean | undefined | Checked state for standalone usage |
value | string | number | boolean | Required | Radio value |
label | string | undefined | Label text |
disabled | boolean | false | Disable radio |
RadioGroup Props
| Prop | Type | Default | Description |
|---|---|---|---|
value | string | number | boolean | undefined | Selected value |
direction | 'horizontal' | 'vertical' | 'vertical' | Layout direction |
disabled | boolean | false | Disable the group |
Events
| Event | Payload | Description |
|---|---|---|
update:checked | boolean | Checked state changed |
update:value | string | number | boolean | Group value changed |
change | string | number | boolean | Value changed |