Products · Components
Radio
One option in a RadioGroup, with its value and the label people see.
Goes inside a RadioGroup.
Children: Nothing
Example
Radio is used inside RadioGroup:
<RadioGroup label="Pay with" value="{{ method }}" onChange="setMethod">
<Radio value="mobile-money" label="Mobile money" />
<Radio value="bank" label="Bank account" />
</RadioGroup>export default definePage({
initialState: { method: 'mobile-money' },
mutations: {
setMethod: (_state, event: ValueEvent) => ({ method: event.detail.value }),
},
});Props
| Prop | Type | What it is |
|---|---|---|
value | string | What the group's onChange sends when the person chooses this radio. |
label | string | |
disabled | boolean | Dims it, and the person can't use it. |
Events
None.
Keep reading
ListA list of rows in a card, which can load more rows as the person scrolls.ListItemOne row in a List: a title, a subtitle, an icon or picture, and a value or badge at the end.DetailRowA label and its value on one line, such as a line of a receipt.DisclosureA row the person opens to show more, then closes again.