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.

AttributeTypeDescriptionDefault
colorColorChange radio button colorblue
labelstringAdd label for radio button''
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


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