Radio Group

A set of checkable buttons—known as radio buttons—where no more than one of the buttons can be checked at a time.

Radio 1

Radio 2

Radio 3

Was this example helpful?

Usage#

Code
import { RadioGroup } from "@medusajs/ui"

Code
1<RadioGroup>2  <RadioGroup.Item value="1" id="radio_1" />3  <RadioGroup.Item value="2" id="radio_2" />4  <RadioGroup.Item value="3" id="radio_3" />5</RadioGroup>

API Reference#

This component is based on the Radix UI Radio Group primitives.

Examples#

With Descriptions#

Radio 1

The quick brown fox jumps over the lazy dog.

Radio 2

The quick brown fox jumps over the lazy dog.

Radio 3

The quick brown fox jumps over the lazy dog.

Was this example helpful?

With a disabled item#

Radio 1

Radio 2

Radio 3

Was this example helpful?