Skip to content
On this page

Radio Button

The ARadio component extend the standard html radio button with the support of various styles, states and size.

Import

js
import { ARadio } from 'ayovue'
import 'ayovue/themes/default/radio.css'

Example




Selected value: value1

Playground



variant
name
label
size
<ARadio />

Props

Radio component has the following props.

Prop nameTypeRequiredDefault valueDetails
nameStringYesDefine a name for Radio Element.
labelStringNofalseDefine a label.
valueBooleanYesValue for the current Radio component.
disabledBooleanNofalseMake the radio disable.
variantStringNoprimaryDefines the color variant of the Radio button which has the following values:
primary, secondary, success, info, warning , danger
sizeNumberNo16Defines the size of the radio button.

Slots

Radio component has the following slots.

Slot nameDescriptionProps
defaultContent of the radio button component.N/A

Events

Radio component supports all native events.

Released under the MIT License.