Basic Radio Buttons

Custom Radio Buttons

Add .custom-control .custom-radioas a single wrapper & add .custom-control-labelfor better output.

Vuesax Radio Buttons

To add a checkBox, we have the .vs-radio-conas a wrapper. Also use .vs-radiofor better output.

  • Active
  • Inactive
  • Active - disabled
  • Inactive - disabled

Color

To change the color of the radio use the .vs-radio-{value}for primary, success, danger, info, warning.

  • Primary (Default)
  • Success
  • Danger
  • Info
  • Warning

Vuesax Radio Buttons Sizes

To add a radio button with different sizes, we have the .vs-radio-smand .vs-radio-lgfor small and large Radio Buttons respectively. Add it alongwith .vs-radioclass.

  • Small
  • Default
  • Large