组件

根据界面需求选择组件。每页提供导入方式、使用说明、可交互示例与独立 API 链接。

基础与反馈

悬浮提示 Tooltip

带四向箭头、跟随主题的活动栏风格提示。

徽章 Badge

显示计数、状态与紧凑的装饰信息。

按钮 Button

主按钮、次按钮、图标按钮及表单提交。

按钮组 ButtonGroup

将相邻按钮组织为一组。

图标 Icon

Codicon 图标、尺寸、旋转与操作图标。

分隔线 Divider

分隔内容与操作区域。

进度条 ProgressBar

显示确定进度或不确定的运行状态。

进度环 ProgressRing

以旋转指示器提示正在处理。

表单控件

文本框 Textfield

单行输入、校验、百分比及文件输入。

文本域 Textarea

多行输入及长度约束。

复选框 Checkbox

独立的布尔选择与表单提交。

复选框组 CheckboxGroup

横向或纵向组织复选框。

单选按钮 Radio

同名按钮中的单一选项。

单选按钮组 RadioGroup

组织单选按钮并提供方向键导航。

单选框 SingleSelect

下拉选择、组合框过滤与新建选项。

多选框 MultiSelect

多项选择、缩写标签与折叠显示。

选项 Option

选择框内的值、描述与缩写。

标签 Label

关联输入控件并显示必填标记。

辅助说明 FormHelper

提供表单字段的补充说明。

表单组 FormGroup

排列字段、标签和辅助说明。

表单容器 FormContainer

管理表单布局和已修改状态高亮。

分区 Fieldset

包装原生 fieldset，支持复选框与折叠。

布局与导航

折叠区 Collapsible

包含标题、操作、装饰和可折叠内容。

上下文菜单 ContextMenu

展示操作列表并响应键盘选择。

菜单项 ContextMenuItem

菜单标签、快捷键和值。

滚动容器 Scrollable

使用 VS Code 风格滚动条展示溢出内容。

分栏 SplitLayout

拖动分隔条，限制最小尺寸与固定面板。

标签页 Tabs

切换成对的标题与面板，移动标签和视图。

标签标题 TabHeader

标签页的可聚焦标题与活动状态。

标签面板 TabPanel

标签页内容，可接收直属 fieldset 视图。

标签页组 TabsGroup

排列标签页组件并支持组间拖拽。

功能区 Ribbon

标签、分组、命令按钮、下拉菜单、面板与响应式折叠。

独立功能面板 RibbonPanel

由 Ribbon 关联的独立功能面板，支持不同起点和宽度。

工具栏按钮 ToolbarButton

图标操作与可切换的工具栏状态。

工具栏 ToolbarContainer

横向排列操作与装饰内容。

数据展示

表格 Table

组织表格、调整列宽及响应式布局。

表头 TableHeader

组织列标题。

表头单元格 TableHeaderCell

设置列标题与最小列宽。

表格主体 TableBody

包含数据行，可限制滚动区域。

表格行 TableRow

组织同一行的数据单元格。

单元格 TableCell

承载表格内容。

树 Tree

层级导航、选择、缩进线和展开方式。

树项目 TreeItem

嵌套树节点、图标、描述和操作。

标签页溢出体验

调整容器宽度，直接体验换行、水平滚动、隐藏标签菜单和标题图标。详细行为见 标签页溢出与图标。

正在加载交互示例…