原语
GPUI Base 原语只提供行为,不规定视觉表现。每个页面都会说明公开导入路径和最小可用组合。页面上方的在线示例由 crates/base/examples 构建,也可以作为原生 GPUI 应用运行。
原语目录
- Accordion — 由可独立设置样式的标题、触发器和面板组成的折叠组。
- Alert Dialog — 用于需要明确确认之操作的模态对话框。
- Avatar — 带可组合后备内容的人物或实体图像。
- Button — 无样式、可访问且支持键盘激活的按钮。
- Calendar — 支持选择匹配器和自定义日期渲染的状态驱动日历。
- Checkbox — 指示器可单独设置样式的受控三态复选框。
- Collapsible — 不限定触发器样式的可折叠内容区域。
- Color Picker — 构建自定义颜色选择器所需的状态和交互基础。
- Combobox — 结合文本输入、键盘导航建议和选择行为的组合框。
- Date Picker — 将日历与弹出层组合起来、可感知焦点的日期输入。
- Dialog — 带焦点管理、遮罩、标题和关闭部件的可组合模态层。
- Hover Card — 与指针或键盘触发器关联的延迟浮动卡片。
- Input — 支持选择、掩码、验证和数值步进的单行输入。
- Textarea — 支持固定行数、换行和自动增高的多行文本框。
- Editor — 支持高亮、行号槽、折叠、装饰和 LSP 扩展的代码编辑器基础。
- Link — 样式由应用定义的可访问链接控件。
- Number Input — 带递增、递减和步进行为的数字输入。
- OTP Input — 由共享文本状态驱动的多单元格验证码输入。
- Pagination — 显式管理当前页与总页数的受控分页器。
- Popover — 支持受控或内部开关状态的锚定浮层。
- Popup — 底层触发器与锚定浮动内容宿主。
- Progress — 用轨道和指示器报告任务完成度。
- Radio — 具有选中与禁用语义的受控单选项。
- Radio Group — 为单项选择提供分组与键盘导航。
- Resizable — 用于可调整分栏布局的面板组和拖拽手柄。
- Scrollbar — 连接 GPUI 滚动句柄或统一列表句柄的滚动条。
- Select — 由锚定且支持键盘导航的弹层驱动的选择控件。
- Sheet — 从边缘进入并管理关闭和焦点的模态层。
- Slider — 轨道、指示区和滑块可独立设置样式的范围输入。
- Switch — 轨道与滑块可分别设置样式的受控开关。
- Table — 用于组合表头、表体、行和单元格的语义化表格原语。
- Tabs — 带受控选择的标签列表和可访问标签控件。
- Toast — 受管理、带动画的临时状态消息栈。
- Toggle — 用于格式等持久选择的受控双态按钮。
- Toggle Group — 将多个 Toggle 协调为单选或多选组。
- Tooltip — 与触发元素关联、延迟显示且可定位的说明。
- Tree — 显式管理展开与选择状态的虚拟化层级列表。