Releases
- New
Drawer component (preview). - New
useFilteredItems hook for Autocomplete and Combobox. - Support lazy element in
render. - Tons of
Combobox and Autocomplete improvements. - Support
keepMounted on NavigationMenu. - Support
finalFocus on Select.
loopFocus support for Autocomplete + Combobox.- New state attributes for
Autocomplete + Combobox. - New
placeholder prop for Combobox + Select. - New
CSPProvider for configuring CSP behaviour. - Many a11y and bug fixes.
- Stable 🎉
- 35 unstyled UI components.
- New
@base-ui/react npm package. - New website.
- Fixed focus and transition issues across multiple components.
- Improved accessibility and form submission handling.
- Fixed missing
'use client' directives. - Breaking change: Match native unchecked state in
Checkbox and Switch. - Breaking change: Fixed
Panel keepMounted behavior in Tabs. - Breaking change: Removed the
keepHighlight prop from Combobox. - New
highlightItemOnHover prop for Menu and Select. - Improved
NumberField parsing and validation. - Fixed
Dialog and Popover closing behavior.
- Fixed error about
props.ref access in React <=18. - Improved performance when detached triggers are used.
- Fixed iOS VoiceOver voice control accessibility.
- Improved popups anchoring and auto-focus behavior.
- Hotfix for
AlertDialog, Dialog, Menu, Popover, and Tooltip in React Server Components. - Fixed refs types in
Checkbox, Switch and Radio components.
- New
Button component. - Detachable triggers for popup components.
- Improved scrollbar support for popups.
- Huge
Autocomplete + Combobox improvements. - Many a11y and bug fixes.
- New
autoHighlight prop on Combobox. openMultiple + toggleMultiple renamed to multiple.- New
Select.List component. - New
thumbAlignment prop on Slider. - Support for variable height
Toast. - Many a11y and bug fixes.
- New
Combobox + Autocomplete components. initialFocus + finalFocus now accept functions.useRender hook enhancements.- Improved SSR support.
- Many a11y and bug fixes.
- New
multiple prop on Select to create a multi-select. - New
llms.txt and markdown links for AI.
- New
SubmenuRoot part for menus. - Fixes for
Accordion + Collapsible resizing. - Perf enhancements for
Select. - Many small fixes for menus.
useRender now RSC compatible.- Many a11y and bug fixes.
- New
Menubar component. - New
NavigationMenu component. - New
ContextMenu component. - Improved performance.
- Many a11y and bug fixes.
- New
Toast component. - New
Meter component. - Composable popup modality.
- Configurable
NumberField snapping. - New
Content part for ScrollArea. - New
Label part for Progress. - Many a11y and bug fixes.
- New
Toolbar component. - New
useRender hook. - New
modal prop on Popover. - New
actionsRef prop on popups. - New
locale prop on NumberField.
- New
Avatar component. - New
filled and focused style hooks for Field. - New
Value part for Progress. - Support submenus when
openOnHover is present. - Many a11y and bug fixes.
- New
Portal part for popup components. - Improved modality of popup components.
- Fixed
openOnHover issues for popup components. - Fixed Enter key bug when rendering menuitem as
<a>. - Many a11y and bug fixes.
- 25 accessible UI components.
- Unstyled. Compatible with any styling engine.
- Fully composable with an open API.
A canary release is published for every master commit and pull request. Install one by using the corresponding pkg.pr.new URL:
# Install by master commit hash
npm i https://pkg.pr.new/@base-ui/react@ad745f1
# Install by PR number
npm i https://pkg.pr.new/@base-ui/react@3713
Your package.json will then reference the pkg.pr.new URL:
{
"dependencies": {
"@base-ui/react": "https://pkg.pr.new/@base-ui/react@..."
}
}
Canary releases may contain breaking changes. Check the associated pull requests on GitHub for details.
You can see the full changelog on GitHub.