所有组件（React）

将相关按钮组合在一起，保持一致的样式与间距

可点击的按钮组件，支持多种变体与状态

用于关闭对话框、模态框或 dismiss 内容的按钮组件

将多个 ToggleButton 组合为统一控件，允许用户选择单个或多个选项。

用于在开启/关闭或已选中/未选中状态之间切换的交互式切换控件。

展示用户可选择的操作或选项列表

列表框展示一组选项，并允许用户选择一个或多个。

可聚焦的标签列表，支持键盘导航、选择与移除。

二维颜色选择器，允许用户从渐变区域中选择颜色

基于 React Aria ColorField 的颜色输入字段，支持标签、描述与验证

可组合的颜色选择器，在多个颜色组件间同步颜色值

颜色滑块允许用户调整颜色值的单个通道

允许用户从预置调色板中选择颜色的 swatch 列表

颜色值的视觉预览，并提供无障碍支持

Slider 允许用户在范围内选择一个或多个值。

用于布尔状态的开关组件。

相对其他元素定位的小型指示器，常用于通知数量、状态点与标签

用于显示标签、状态与分类的小型信息徽章

表格以行和列展示结构化数据，支持排序、选择、列宽调整与无限滚动。

基于 React Aria Calendar 的可组合日期选择器，支持月网格、导航与年份选择

基于 React Aria DateField 的日期输入字段，包含标签、说明与校验

基于 React Aria DatePicker，通过 DateField 与 Calendar 组合的可组合日期选择器

基于 React Aria DateRangePicker，通过 DateField 与 RangeCalendar 组合的可组合日期范围选择器

基于 React Aria RangeCalendar 的可组合日期范围选择器，包含月份网格、导航与年份选择支持。

基于 React Aria TimeField 的时间输入字段，包含标签、说明与校验。

向用户展示重要消息与通知，并提供状态指示

Meter 表示已知范围内的数量，或一个比例值。

进度条用于展示某项操作随时间变化的确定或不确定进度。

环形进度指示器，用于展示确定或不确定的进度。

Skeleton 用于展示加载状态，并预览组件的预期形状。

用于展示等待或处理中状态的加载指示组件。

用于管理多个复选框选择的复选框组组件

复选框允许用户从列表中选择多项，或标记单个项目为选中状态

为表单字段及其他组件提供补充说明文本

用于展示错误的底层错误消息组件

展示表单字段校验错误消息

将相关表单控件与图例、描述和操作组合在一起

用于表单校验与提交处理的包裹组件

将相关输入控件与前后缀元素组合，以增强表单字段

用于验证码与安全认证的一次性密码输入组件

接受标准 HTML 属性的原生单行文本输入组件

渲染与表单控件关联的无障碍标签。

数字输入字段，包含增减按钮、校验与国际化格式化能力。

用于从列表中选择单个选项的单选组。

搜索输入字段，包含清除按钮与搜索图标。

原语级多行文本输入组件，可接受标准 HTML 属性。

便于组合的文本字段，包含标签、说明与内联校验。

灵活容器组件，用于分组相关内容与操作

在内容区块之间进行视觉分隔。

提供表面级样式与子组件上下文的容器组件。

用于承载可交互控件的容器，并支持方向键导航。

以叠放或网格展示多个头像，并支持溢出计数

显示用户头像，支持自定义 fallback 内容

用于在紧凑空间中组织信息的可折叠内容面板

导航面包屑，显示当前页面在层级结构中的位置

管理多个 Disclosure 项展开状态的容器

可折叠区块，包含标题、触发按钮与内容面板

用于导航的样式化锚点组件，内置图标支持。

分页导航：可组合的页码链接、上一页/下一页按钮与省略号指示器。

Tabs 将内容组织为多个区块，并允许用户在它们之间导航。

用于关键确认操作的模态对话框，需要用户关注并明确操作

用于补充内容与操作的滑出面板

用于聚焦用户交互与重要内容的对话框遮罩层。

在由按钮或任意自定义元素触发后，于 portal 中展示丰富内容。

向用户展示临时通知与消息，支持自动消失与可定制的放置位置。

当用户悬停或聚焦某个元素时，展示提示性文本。

结合选择与过滤，让用户从选项列表中搜索并选择

将文本输入与 ListBox 结合，用户可通过输入查询把选项列表过滤为匹配项

Select 展示可折叠的选项列表，并允许用户从中选择一项。

展示键盘快捷键与按键组合

面向标题、正文与行内代码的语义化排版原语，基于 React Aria Components 的 Text 构建。

通过阴影提示可滚动溢出内容，并根据滚动位置自动检测显示或隐藏。