0% Complete

Radio

Use more advanced Radio control to display the range of available options.

#

Label

label string property is used to set the radio's label. Also, label slot provides for complexcontents. If you don't set neither label property nor label slot, the radio will be rendered without label.

#

Colors

You can change color of Radio component using color property. It set background color for checked radio components.

#

Description

You can set Description for Radio component using Description property.

Choose one of these options:
Sponsorships help your community know how to financially support this repository.
Issues integrate lightweight task tracking into your repository. Keep projects on track with issue labels and milestones, and reference them in commit messages.
Include this code in the GitHub Archive Program.
#

Disabled

disabled property prevent users to check the radio. But, clicking in a group, will uncheck the disabled radio.

#

Inline

Group radios on the same horizontal row by setting inline boolean property.

#

Reverse

Put radios on the opposite side with the reverse boolean property.

#

Example

Here is a complex example for payment card selection.