Radix homepageRadix Homepage
PrimitivesBeta

Releases

Radix Primitives releases and their changelogs.

All Primitives

  • πŸŽ‰ All primitives are now versioned 0.1.1

  • πŸ› Fix composability issues between primitives by scoping context – #906

  • πŸ› Fix CSS unmount animations – #851

Accordion 0.1.1

  • ✨ Add new CSS variable to Accordion.Content to help with width animations – #879

AlertDialog 0.1.1

  • ✨ Improve composability with Dialog – #906

  • πŸ”₯ Remove AlertDialog.Content onInteractOutside prop – #846

Dialog 0.1.1

  • ✨ Improve composability with AlertDialog – #906

  • ✨ Add pinch to zoom support to DropdownMenu.Content via allowPinchZoom prop – #884

Context Menu 0.1.1

  • ✨ Add pinch to zoom support to ContextMenu.Content via allowPinchZoom prop – #884

  • πŸ› Prevent scroll via arrow keypress on submenu triggers – #908

Collapsible 0.1.1

  • ✨ Add new CSS variable to Collapsible.Content to help with width animations – #879

Checkbox 0.1.1

  • πŸ› Prevent screen reader virtual cursor from accessing hidden input – #870

Dropdown Menu 0.1.1

  • ✨ Improve composability with Tooltip – #906

  • ✨ Add pinch to zoom support to DropdownMenu.Content via allowPinchZoom prop – #884

  • πŸ› Prevent scroll via arrow keypress on submenu triggers – #908

Hover Card 0.1.1

  • ✨ Open on focus to improve keyboard support – #902

  • πŸ› Compose correct pointer events internally – #893

Label 0.1.1

  • ✨ Allow its children to prevent event propagation – #861

RadioGroup 0.1.1

  • πŸ› Prevent screen reader virtual cursor from accessing hidden inputs – #870

Popover 0.1.1

  • ✨ Add pinch to zoom support to Popover.Content via allowPinchZoom prop – #884

Slider 0.1.1

  • πŸ› Fix calculations when value is 0 – #866

Switch 0.1.1

  • πŸ› Prevent screen reader virtual cursor from accessing hidden input – #870

Tabs 0.1.1

  • πŸ”₯ Unmount content within Tabs.Content when tab is inactive – #859

All Primitives

  • πŸŽ‰ All primitives moved to Beta and are now versioned 0.1.0

  • πŸ”₯ Replace polymorphic as prop with asChild boolean prop. Learn more about how to change the rendered element here – #835

Dialog 0.1.0

  • ✨ Improve composability with DropdownMenu – #818

Dropdown Menu 0.1.0

  • ✨ Improve composability with Dialog – #818

  • πŸ› Re-enable pointer-events when closed – #819

  • πŸ› Prevent body text from selecting on close (Firefox) – #812

  • πŸ› Ensure sub triggers receive focus on click (iOS Safari) – #820

Primitive 0.1.0

  • πŸ”₯ Deprecate extendPrimitive utility – #840

All Primitives

  • ✨ Improve polymorphic types performance – #784

Alert Dialog 0.0.20

  • πŸ”₯ RemoveΒ AlertDialog.ContentΒ onPointerDownOutsideΒ prop – #700

  • πŸ› Prevent outside pointer events triggering prematurely on touch devices – #767

Context Menu 0.0.24

  • ✨ Add modality support viaΒ modalΒ prop – #700

  • πŸ”₯ RemoveΒ ContextMenu.ContentΒ disableOutsidePointerEventsΒ prop – #700

  • πŸ› Prevent outside pointer events triggering prematurely on touch devices – #767

Dialog 0.0.20

  • ✨ Add modality support viaΒ modalΒ prop – #700

  • πŸ› Improve animation rendering in React 18 – #776

  • πŸ› Ensure focus is restored to trigger on close when using the autofocus attribute on a child element – #739

  • πŸ› Prevent outside pointer events triggering prematurely on touch devices – #767

  • πŸ› Ensure iOS Safari consistently focuses the first focusable element – #776

Dropdown Menu 0.0.23

  • ✨ Add modality support viaΒ modalΒ prop – #700

  • πŸ”₯ RemoveΒ DropdownMenu.Content disableOutsideScrollΒ prop – #700

  • πŸ”₯ RemoveΒ DropdownMenu.ContentΒ disableOutsidePointerEventsΒ prop – #700

  • πŸ› Prevent outside pointer events triggering prematurely on touch devices – #767

Popover 0.0.20

  • ✨ Add modality support viaΒ modalΒ prop – #700

  • πŸ”₯ RemoveΒ Popover.Content disableOutsideScrollΒ prop – #700

  • πŸ”₯ RemoveΒ Popover.ContentΒ disableOutsidePointerEventsΒ prop – #700

  • πŸ”₯ RemoveΒ Popover.ContentΒ trapFocusΒ prop – #700

  • πŸ› Improve animation rendering in React 18 – #776

  • πŸ› Ensure focus is restored to trigger on close when using the autofocus attribute on a child element – #739

  • πŸ› Prevent outside pointer events triggering prematurely on touch devices – #767

  • πŸ› Ensure iOS Safari consistently focuses the first focusable element – #776

Scroll Area 0.0.16

  • ✨ Add data-state to ScrollBar part – #801

Slider 0.0.17

  • πŸ› Prevent thumb receiving focus when disabled – #777

  • πŸ› Prevent focus loss on thumb when using React.StrictMode – #794

Context Menu 0.0.23

  • ✨ Can now be triggered on touch with a long-press – #743

Dialog 0.0.19

  • ✨ Add optional Title and Description parts for simpler labelling – #741

Scroll Area 0.0.15

  • ✨ Add data-orientation to Scrollbar for styling convenience – #720

  • πŸ› Fix forceMount type issue on Scrollbar – #738

Slider 0.0.16

  • πŸ› Ensure the correct thumb is focused when using keyboard and crossing another thumb – #731

  • πŸ› Ensure only one arrow press is needed when crossing another thumb – #733

Slot 0.0.12

  • ✨ Improve types compatibility – #737

Toggle Group 0.0.10

  • πŸ› Ensure only one click is needed to toggle a single controlled toggle group – #722

  • πŸ› Ensure focus behaviour is consistent on Safari – #727

All Primitives

  • ✨ Improve polymorphic types – #648

Accordion 0.0.16

  • πŸ”₯ Rename Accordion.Button to Accordion.Trigger – #651

  • πŸ”₯ Rename Accordion.Panel to Accordion.Content – #651

  • πŸ”₯Β RenameΒ custom property accordinglyΒ (--radix-accordion-content-height) – #651

  • πŸ”₯ type=β€œsingle” Accordion now has a new collapsible prop which is false by default. This means that the default behaviour has now changed. By default a user cannot close all items. – #651

Alert Dialog 0.0.18

  • πŸ”₯ Allow preventing default in onPointerDownOutside without inadvertently preventing focus – #654

Checkbox 0.0.16

  • πŸ”₯ onCheckedChange(event) is now onCheckedChange(checked: CheckedState) – #672

  • πŸ› Improve compatibility with native form validation – #650

  • πŸ› Allow stopping propagation on Checkbox onClick – #672

  • πŸ› Improve compatibility with native label – #672

  • πŸ› Improve accessibility when wrapped in native label – #672

Collapsible 0.0.16

  • πŸ”₯ Rename Collapsible.Button to Collapsible.Trigger – #651

Context Menu 0.0.22

  • ✨ Add submenu support – #682

  • ✨ Add ContextMenu.TriggerItem – #682

  • ✨ Add ContextMenu.Arrow – #682

  • ✨ Add dir prop for RTL support with submenus – #682

  • πŸ”₯ Allow preventing default in onPointerDownOutside without inadvertently preventing focus – #654

  • πŸ”₯ Remove ContextMenu.Content side prop – #658

  • πŸ”₯ Remove ContextMenu.Content align prop – #658

  • πŸ”₯ If you had sideOffset on ContextMenu.Content before, you should now use alignOffset. This is to standardize vertical alignment for both root and sub-menus. – #712

  • πŸ”₯ onFocusOutside is now a custom event – #671

  • πŸ› Improve support of content and item with no padding – #658

  • πŸ› Align with WAI-ARIA spec by focusing first item when opening via keyboard – #694

Dialog 0.0.18

  • πŸ”₯ Allow preventing default in onPointerDownOutside without inadvertently preventing focus – #654

Dropdown Menu 0.0.21

  • ✨ Add submenu support – #682

  • ✨ Add DropdownMenu.TriggerItem – #682

  • ✨ Add dir prop for RTL support with submenus – #682

  • πŸ”₯ Allow preventing default in onPointerDownOutside without inadvertently preventing focus – #654

  • πŸ”₯ onFocusOutside is now a custom event – #671

  • πŸ”₯ The up arrow no longer opens the menu – #702

  • πŸ› Align with WAI-ARIA spec by focusing first item when opening via keyboard – #694

Popover 0.0.18

  • πŸ”₯ Allow preventing default in onPointerDownOutside without inadvertently preventing focus – #654

  • πŸ”₯ onFocusOutside is now a custom event – #671

Radio Group 0.0.17

  • πŸ”₯ onValueChange(event) is now onValueChange(value: string) – #685

  • πŸ”₯ Remove RadioGroup.Item onCheckedChange prop – #685

  • πŸ› Improve compatibility with native form validation – #650

  • πŸ› Improve usage within forms – #685

Scroll Area 0.0.14

  • πŸŽ‰ Brand new version with a simpler API – #624

  • ✨ Improve Safari support – #624

  • ✨ Improve RTL support – #624

  • ✨ Improve touch support – #624

  • ✨ Scrollbar mount/unmount can now be animated – #624

  • ✨ Add minimum width/height to thumb so it's always grabbable – #624

  • ✨ Move functional CSS into component to improve DX – #624

  • ✨ Bundle size significantly reduced – #624

  • πŸ”₯ Remove overflowX and overflowY props – #624

  • πŸ”₯ Remove ScrollAreaButtonStart, ScrollAreaButtonEnd and ScrollAreaTrack – #624

  • πŸ”₯ Rename scrollbarVisibility prop to type. The values are auto, always, scroll or hover – #624

  • πŸ”₯ Rename scrollbarVisibilityRestTimeout prop to scrollHideDelay – #624

  • πŸ”₯ Remove trackClickBehavior prop as we've removed built-in animation. Clicking on track always snaps to pointer position – #624

  • πŸ”₯ ScrollAreaScrollbarX and ScrollAreaScrollbarY are now <ScrollAreaScrollbar orientation="horizontal" /> and <ScrollAreaScrollbar orientation="vertical" /> – #624

  • πŸ› Ensure no scrollbars are shown when scrolling is disabled – #624

  • πŸ› Ensure children event handlers don't break – #624

  • πŸ› Ensure scroll area updates when children content size changes – #624

Slider 0.0.15

  • πŸ› Improve usage within forms – #678

  • πŸ› Fix key binding issue in LTR – #718

Switch 0.0.14

  • πŸ”₯ onCheckedChange(event) is now onCheckedChange(checked: boolean) – #679

  • πŸ› Improve compatibility with native form validation – #650

  • πŸ› Improve usage within forms – #679

  • πŸ› Improve accessibility when wrapped in native label – #679

Tabs 0.0.14

  • πŸ”₯ Rename Tabs.Tab to Tabs.Trigger – #652

  • πŸ”₯ Rename Tabs.Panel to Tabs.Content – #652

All Primitives

  • ✨ Improve polymorphic types performance – #613

Accordion 0.0.14

  • πŸ› Ensure only one click is needed to close a single controlled accordion – #594

Checkbox 0.0.14

  • πŸ”₯ Remove readOnly prop – #600

Context Menu 0.0.18

  • ✨ Add onOpenChange prop – #604

Dialog 0.0.16

  • πŸ› Ensure focus position isn't lost when blurring out window and re-focusing it – #589

Dropdown Menu 0.0.18

  • ✨ Take into account non-visible items – #618

  • πŸ”₯ Remove anchorRef prop – #580

  • πŸ› Prevent page from scrolling when selecting an item with space key – #626

Hover Card 0.0.1

  • πŸŽ‰ New primitive – #595

Popover 0.0.16

  • πŸ”₯ Remove anchorRef prop and replace with optional Anchor part – #580

Radio Group 0.0.15

  • ✨ Add optional orientation, dir, loop props – #618

  • πŸ”₯ Remove readOnly prop – #600

Switch 0.0.12

  • πŸ”₯ Remove readOnly prop – #600

Toggle Group 0.0.7

  • ✨ Add optional orientation, dir, loop props – #618

Tooltip 0.0.17

  • πŸ”₯ Remove anchorRef prop – #580

All Primitives

  • ✨ Improve tree-shaking – #577

Context Menu 0.0.17

  • πŸ› Ensure you can open a context menu when one is already open – #565

Dropdown Menu 0.0.17

  • πŸ› Fix potential overlap issue – #541

Popover 0.0.15

  • πŸ› Ensure Content closes when it has multiple close animations – #571

Toggle 0.0.6

  • πŸ”₯ Rename ToggleButton primitive to Toggle – #546

  • πŸ”₯ Rename toggled prop to pressed – #546

  • πŸ”₯ Rename defaultToggled prop to defaultPressed – #546

  • πŸ”₯ Rename onToggledChange prop to onPressedChange – #546

Toggle Group 0.0.6

  • πŸŽ‰ New primitive – #376

Toolbar 0.0.9

Tooltip 0.0.16

  • ✨ Add custom timing support – #550 #551 #554 #558

  • ✨ Add unmount animation support – #558

Accordion 0.0.7

  • ✨ Add height CSS custom property to panel for easier animation – #537

Collapsible 0.0.7

  • ✨ Add height CSS custom property to content for easier animation – #537

Tooltip 0.0.9

  • πŸ› Fix type definition conflicts – #538

All Primitives

  • ✨ Add support for SSR

  • πŸ”₯ Remove selector prop and data-radix-* atributes – #517

Accordion 0.0.6

  • πŸ”₯ Add support for multiple values – #527

Note: This is a breaking change because the new type prop is required.

Slider 0.0.6

  • πŸ› Ensure step is rounded correctly – #463

Tabs 0.0.6

  • ✨ Add RTL support (dir prop) – #497

Tooltip 0.0.7

  • πŸ› Ensure events are composed when using <Trigger as={Slot}> – #461

Context Menu 0.0.8

  • ✨ Expose onCloseAutoFocus prop – #456

Dropdown Menu 0.0.8

  • ✨ Expose onCloseAutoFocus prop – #456

All Primitives

  • πŸ› Fix type autocompletion when using as prop – #421

Accordion 0.0.5

  • πŸ› Prevent open/close flickering – #431

Dialog 0.0.6

  • πŸ› Ensure focus is returned properly on close – #422

Radio Group 0.0.5

  • πŸ”₯ Move name prop from Item to Root – #424

Context Menu 0.0.6

  • πŸ› Re–add missing children – #414

Dropdown Menu 0.0.6

  • πŸ› Re–add missing children – #414

Popover 0.0.5

  • πŸ› Prevent flickering (sliding) issue – #415

Slot 0.0.1

  • πŸŽ‰ New utility – #409

Dialog 0.0.3

  • πŸ› Fix regression when tabbing out would close – #403

Dropdown Menu 0.0.3

  • πŸ› Fix broken arrow keys navigation – #404

All Primitives

  • ✨ Add selector prop – #347

Accordion 0.0.2

  • πŸ› Ensure setting disabled={false} on Root doesn't enable disabled items – #400

Dropdown Menu 0.0.2

  • ✨ Add enter key support on trigger – #381

  • πŸ› Prevent focus race condition – #394

Popover 0.0.2

  • πŸ› Ensure Content repositions on window resize – #359

  • πŸ› Ensure last element inside Content triggers blur event – #395

All primitives 0.0.1

  • πŸŽ‰ Initial release! – #338