Tailwind CSS Radio - Props

The following props are available for radio component. These are the custom props that come with we've added for the radio component and you can use all the other native props as well.

Attribute Type Description Default
color Color Change radio button color blue
label string Add label for radio button ''
ripple Ripple Add ripple effect for button ''
name string Add name to input for radio button 'radio'

Types - Color 

type variant = 
    | "blue-gray"
    | "gray"
    | "brown"
    | "deep-blue"
    | "blue"
    | "amber"
    | "yellow"
    | "lime"
    | "light-green"
    | "green"
    | "teal"
    | "cyan"
    | "light-blue"
    | "blue"
    | "indigo"
    | "deep-purple"
    | "purple"
    | "pink"
    | "red"

Types - Ripple 

type ripple = "light" | "dark"

Related

Examples

Checkout different examples for radio component.