# Radio

Select an option from a set


edit on github

# Examples

# Base

# Variants

# Props

Prop name Description Type Values Default
v-model string|number|boolean|array -
nativeValue Same as native value string|number|boolean -
variant Color of the control, optional string primary, info, success, warning, danger, and any other custom color
disabled Same as native disabled boolean -
required boolean -
name Same as native name string -
size Size of the control, optional string small, medium, large
rootClass string -
disabledClass string -
checkClass string -
labelClass string -
sizeClass string -
variantClass string -

# Events

Event name Type Description
input undefined

# Slots

Name Description Bindings
default

# Style

CSS Variable SASS Variable Default
--oruga-radio-active-background-color $radio-active-background-color $primary
--oruga-radio-border $radio-border 2px solid $grey
--oruga-radio-checked-box-shadow-color $radio-checked-box-shadow-color $radio-active-background-color
--oruga-radio-checked-box-shadow-length $radio-checked-box-shadow-length 0 0 0.5em
--oruga-radio-checked-box-shadow-opacity $radio-checked-box-shadow-opacity 0.8
--oruga-radio-disabled-opacity $radio-disabled-opacity $base-disabled-opacity
--oruga-radio-focus-sibiling-box-shadow $radio-focus-sibiling-box-shadow $radio-checked-box-shadow-length rgba($grey, $radio-checked-box-shadow-opacity)
--oruga-radio-label-padding $radio-label-padding 0 0 0 .5em
--oruga-radio-margin-sibiling $radio-margin-sibiling 0.5em
--oruga-radio-size $radio-size 1.25em
--oruga-radio-line-height $radio-line-height 1.25