Tailwind CSS Radio Button - Props

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.

colorColorChange radio button colorblue
labelnodeAdd label for radio buttonundefined
iconnodeChange checked icon for radio buttonundefined
ripplebooleanAdd ripple effect for radio buttontrue
classNamestringAdd custom className for radio button''
containerPropsobjectAdd custom props for radio button containerundefined
labelPropsobjectAdd custom props for radio button labelundefined
iconPropsobjectAdd custom props for radio button iconundefined
inputRefrefAdd reference for input element.undefined

For TypeScript Only

import type { RadioProps } from "@material-tailwind/react";

Types - Color

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";
Edit this page on Github