Radio

The Radio component is a form control that allows users to select a single option from a set of choices.

Basic Usage

import { Radio, ThemeProvider } from "@carton-org/react-neumorphism";

const MyComponent = () => {
  return <Radio label="Option 1" inputSize="md" />;
};

Live Example

Example Radio

Props

Name	Type	Description	Required	Default Value
label	string	Text label for the radio button	Yes	-
inputSize	"xs" | "sm" | "md" | "lg" | "xl"	Size of the radio button	No	"sm"

Examples

Different Sizes

Small Size

Small Radio

Medium Size

Medium Radio

Large Size

Large Radio

Radio States

Unchecked

Unchecked Radio

Checked

Checked Radio

Disabled

Disabled Radio