# Radio buttons

The v-radio component is a simple radio button. When combined with the v-radio-group component you can provide groupable functionality to allow users to select from a predefined set of options.

# Usage

Although v-radio can be used on its own, it is best used in conjunction with v-radio-group. Using the v-model on the v-radio-group you can access the value of the selected radio button inside the group.


# Examples

# Props

# Colors

Radios can be colored by using any of the builtin colors and contextual names using the color prop.

# Direction

Radio-groups can be presented either as a row or a column, using their respective props. The default is as a column.

# Mandatory

Radio-groups are by default not mandatory. This can be changed with the mandatory prop.

# Slots

# Label

Radio Group labels can be defined in label slot - that will allow to use HTML content.

Ready for more?

Continue your learning with related content selected by the Team or move between pages by using the navigation links below.
Edit this page on GitHub
Last updated:05/20/2022, 4:10:15 PM