Skip to content

Radio

te-radio is a native radio button. Give a group the same name and bind them to the same model.

A group

vue
<te-radio v-model="pick" name="fruit" native-value="apple" label="Apple" />
<te-radio v-model="pick" name="fruit" native-value="pear" label="Pear" />
<te-radio v-model="pick" name="fruit" native-value="plum" label="Plum" disabled />

Props

PropTypeDefaultDescription
modelValuestring | number | nullnullSelected value. Supports v-model.
nativeValuestring | numbernullThis radio's value.
namestringundefinedGroups radios together. Required for keyboard arrow navigation.
idstringgeneratedFalls back to a stable useId() value, linked to the label.
labelstring''Text beside the radio.
disabledbooleanfalseDisables the radio.

Events

EventPayloadDescription
update:modelValuestring | numberSelected.

Slots

SlotPropsDescription
defaultReplaces the label.

Released under the MIT License.