Skip to content

Radio Group

A set of mutually exclusive options where selecting one choice deselects the others.

Radio Group
Billing period
Change how often the plan renews.

Changes apply from the next billing date.

Installation

pnpm dlx shadcn@latest add @sortui/radio-group

Usage

import {
  RadioGroup,
  RadioGroupItem,
} from "@/components/ui/radio-group"

Examples

List

Streaming quality

Higher quality uses more data.

Grid

Default landing page

Where the app opens after you sign in.

Invalid

Who can see your playlists

Ship your next project this week

Get the full Figma kit, the code of 180+ sections and every future update for one payment.

Get Pro Access