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 major is v1.4.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 and Slottable
• 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, v1.4.x changes