Radio Button

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

Import

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

Example

option1option2option3

Selected value: value1

Playground

---

disabled

variant

primarysecondarysuccessinfowarningdanger

name

label

size

<ARadio />

Props

Radio component has the following props.

Prop name	Type	Required	Default value	Details
name	String	Yes		Define a name for Radio Element.
label	String	No	false	Define a label.
value	Boolean	Yes		Value for the current Radio component.
disabled	Boolean	No	false	Make the radio disable.
variant	String	No	primary	Defines the color variant of the Radio button which has the following values: primary, secondary, success, info, warning , danger
size	Number	No	16	Defines the size of the radio button.

Slots

Radio component has the following slots.

Slot name	Description	Props
default	Content of the radio button component.	N/A

Events

Radio component supports all native events.