v3.0.0-alpha.33
RAC upgrade, Tabs indicator redesign, Switch size variant, Related showcase
October 5, 2025
This release upgrades React Aria Components, redesigns the Tabs indicator, adds Switch sizes, and includes component showcases.
Installation
Update to the latest version:
npm
```bash
npm i @heroui/styles@alpha @heroui/react@alpha
```
pnpm
```bash
pnpm add @heroui/styles@alpha @heroui/react@alpha
```
yarn
```bash
yarn add @heroui/styles@alpha @heroui/react@alpha
```
bun
```bash
bun add @heroui/styles@alpha @heroui/react@alpha
```
What's New
RAC Upgrade
Upgraded React Aria Components to the October 2, 2025 Release.
This release includes:
- CSS variables for animations
- Better SSR support
- Performance improvements for selection indicators
Disclosure and Disclosure Group Updates
Disclosure and Disclosure Group now use React Aria's CSS variables for animations. The components use --disclosure-panel-width and --disclosure-panel-height variables that track the panel's actual size during expand/collapse.
Tabs Indicator Redesign
Tabs now uses React Aria's SelectionIndicator and supports SSR. This fixes layout shifts on initial render.
🚧 Breaking Changes:
- Moved
Tabs.Indicatorinside eachTabs.Tab
Before:
<Tabs>
<Tabs.ListWrapper>
<Tabs.List aria-label="Options">
<Tabs.Tab>
+ <Tabs.Indicator />
</Tabs.Tab>
</Tabs.List>
- <Tabs.Indicator />
</Tabs.ListWrapper>
<Tabs.Panel/>
</Tabs>
Switch Updates
Switch has updated styles and animations. Added size prop with options: sm, md, lg.
Related showcases
Related showcases have been added in Button, Disclosure, Disclosure Group and Tabs.
Documentation Improvements
Component Documentation
- Tabs: Updated anatomy, revised examples with new indicator design and added related showcase
- Switch: Added size example and revised with-icon example
- Button, Disclosure, Disclosure Group: Added related showcase
Migration Guide
Tabs Component Migration
- Update component structure:
- move
inside each
- move
Links
- GitHub PR #5777
- Tabs Component
- Switch Component
- Button Component
- Disclosure Component
- Disclosure Group Component
Contributors
Thanks to everyone who contributed to this release!
Local source: vendor/en/react/releases/v3-0-0-alpha-33.mdx
Generated from the pinned HeroUI v3 commit with internal links and previews adapted for JGuang.
v3.0.0-alpha.32v3.0.0-alpha.32
Card component redesign, CloseButton, MCP Server for AI assistantsCard 组件重新设计、CloseButton 组件,以及面向 AI 助手的 MCP 服务器。
v3.0.0-alpha.34v3.0.0-alpha.34
Essentials for building forms with a clean API Form, TextField, RadioGroup, Label, Input, Fieldset and more.用 Form、TextField、RadioGroup、Label、Input、Fieldset 等简洁 API 构建表单的核心组件。