Radix UI Primitives

Quick Guide: Radix ships unstyled primitives that carry the behaviour and accessibility of a component and none of its appearance. Every primitive is a compound component — Root, Trigger, Portal, Content — sharing context; asChild merges a primitive's behaviour onto your own element; data-state attributes drive CSS animation. Current release is v1.8.x: React 19 and RSC compatible, forwardRef no longer required, and radix-ui is the unified package that replaces the individual @radix-ui/react-* ones.

Detailed Resources:

• examples/core.md — Dialog, asChild, Slot.Root, Slot.Slottable and Slot.createSlot
• examples/overlays.md — AlertDialog, controlled Dialog with async work
• examples/menus.md — DropdownMenu, submenus, checkable and radio items
• examples/forms.md — Select, CSP nonce, indeterminate Progress
• examples/navigation.md — Accordion and Tabs
• examples/animation.md — data-state keyframes and height animation
• examples/preview.md — unstable_ primitives: OTP field, password toggle, Form
• reference.md — anti-patterns with code, checklists, CSS variable table, notable changes through v1.8.x