The following props are available for radio button component. These are the custom props that come with we've added for the radio button component and you can use all the other native input props as well.
Attribute | Type | Description | Default |
---|---|---|---|
color | Color | Change radio button color | blue |
label | string | Add label for radio button | '' |
icon | node | Change checked icon for radio button | undefined |
ripple | boolean | Add ripple effect for radio button | true |
className | string | Add custom className for radio button | '' |
containerProps | object | Add custom props for radio button container | undefined |
labelProps | object | Add custom props for radio button label | undefined |
import type { RadioProps } from "@material-tailwind/react";
type color =
| "blue-gray"
| "gray"
| "brown"
| "deep-orange"
| "orange"
| "amber"
| "yellow"
| "lime"
| "light-green"
| "green"
| "teal"
| "cyan"
| "light-blue"
| "blue"
| "indigo"
| "deep-purple"
| "purple"
| "pink"
| "red";