Radix Primitives

A showcase of Radix-based UI primitives: Slider, Separator, RadioGroup, Accordion, AlertDialog, and Progress.

Slider

Basic slider — value: 50

Volume control (step 5) — value: 25

Range slider — values: 20 – 80

Separator

Horizontal (default)

Section A

Section B

Section C

Vertical

Home
Dashboard
Settings
Profile

RadioGroup

Subscription plan: standard

Size: medium

Accordion

Single (one open at a time)

Multiple (many open at once)

AlertDialog

Progress

Static values

0%

25%

50%

75%

100%

Interactive — 45%

Manual control

Drag the slider above to control the progress bar — 50%