Ready-to-use components curated and voted on by the community.
A document toolbar with formatting toggles, a separator, a link and a share button, navigable with arrow keys.
An accessible Radix Tabs example with controlled selection, keyboard navigation and disabled-state behavior.
A site navigation with a Products menu that opens a panel of links, plus plain links.
An editor menu bar with File and View menus, shortcuts and a checkbox item.
A Radix Dropdown Menu that sorts a project list, with a disabled item, keyboard navigation and focus return.
A right-click menu on a file card with actions, a checkbox item and a destructive item.
A starred repositories list that shows one item and expands to reveal the rest.
A controlled Radix Accordion example with labelled controls and keyboard/disabled-state behavior.
A Radix Popover with a small invite form, email validation, Close and Escape dismissal and focus return.
An accessible modal dialog built on the Radix dialog primitive, rendering through a portal with focus trapping, Escape and overlay dismissal.
A destructive confirmation for deleting a project, with Cancel focused first and a clear Delete action.
An upload progress bar that advances locally and reports its value to assistive technology.
A controlled Radix Switch settings list with visible labels, descriptions and a disabled option.
A two-thumb Radix Slider budget range with labelled thumbs, value text, keyboard steps and reset.
A time zone select with grouped options, a check on the chosen item and a disabled option.
An accessible Radix Radio Group example with controlled selection, keyboard navigation and disabled-state behavior.
A password input with a button that shows or hides the characters, keeping focus in the field.
A six-digit sign-in code field that accepts typing or pasting and moves focus between digits.
Accessible labels for a workspace name field and a terms checkbox, both clickable to focus or toggle.
A sign-up form with built-in validation messages for a missing or malformed email and a short password.
A controlled Radix Checkbox example with labelled controls and keyboard/disabled-state behavior.
Icon buttons in an editor that reveal short tooltips with keyboard shortcuts on hover or focus.
A “scheduled” toast with an Undo action that appears in a corner region and dismisses itself.
A profile header split by horizontal and vertical separators, with a decorative or semantic option.
