Back to Chakra Ui

Radiomark

apps/www/content/docs/components/radiomark.mdx

0.3.0-beta887 B
Original Source
<ExampleTabs name="radiomark-basic" />

Usage

tsx
import { Radiomark } from "@chakra-ui/react"
tsx
<Radiomark checked />

Examples

States

The Radiomark component supports checked and unchecked states, with optional disabled state.

<ExampleTabs name="radiomark-states" />

Variants

Use the variant prop to change the visual style of the radiomark.

<ExampleTabs name="radiomark-variants" />

Sizes

Use the size prop to change the size of the radiomark.

<ExampleTabs name="radiomark-with-sizes" />

Colors

Use the colorPalette prop to change the color scheme of the radiomark.

<ExampleTabs name="radiomark-with-colors" />

Filled

Use the filled prop with the outline variant to add a background color to the radiomark.

<ExampleTabs name="radiomark-with-filled" />

Props

<PropTable component="Radiomark" part="Radiomark" />