components/overview
zenit Storybook · 5f9add5+wip 2026-09-30
组件
51 个公开组件与 13 个能力实验。每一段录像都来自真实 zenit Storybook 窗口的 Metal drawable,由 E2E harness 驱动;源码与 Props 表直接从仓库提取。
Buttonui.widgets.Button主操作、次操作、危险操作、链接式和纯图标按钮。
Checkboxui.widgets.Checkbox独立布尔选择,支持未选、已选和不确定态。
Switchui.widgets.Switch用于立即生效的开关型布尔设置。
Radioui.widgets.RadioGroup从互斥选项中选择唯一值。
Sliderui.widgets.Slider在连续或离散范围中选择数值。
Rateui.widgets.Rate星级或有限数量评分。
NumberStepperui.widgets.NumberStepper精确递增、递减数值,适合数量和参数。
Inputui.widgets.Input单行文本、邮件、密码和搜索输入。
Textareaui.widgets.Textarea多行编辑,支持 helper、error 和禁用态。
Selectui.widgets.Select单选、多选、可清除与可搜索的选择器。
Form CompositionInput · Select · Button同一尺寸档的 Input、Select、Button 混排:筛选工具栏与业务表单。
ComboBoxui.widgets.ComboBox可搜索、可过滤并回填值的组合输入。
TagsInputui.widgets.TagsInput用键盘连续录入多个 token。
FileUploadui.widgets.FileUpload文件选择与拖放入口。
DatePickerui.widgets.DatePicker输入单个日期并使用日历选择。
DateRangePickerui.widgets.DateRangePicker选择 start / end 两端日期。
Formui.widgets.FormOf(T)类型化表单状态、字段元信息和验证时机。
Badgeui.widgets.Badge低强调状态、数量和语义色标签。
Tagui.widgets.Tag可关闭或只读的分类标签。
Chipui.widgets.Chip紧凑选择、筛选条件或带图标 token。
Cardui.widgets.Card把标题、正文和可交互表面组织成一个视觉单元。
Alertui.widgets.Alert页面内持久反馈。
Progressui.widgets.Progress确定进度与不确定任务状态。
Spinnerui.widgets.Spinner短时加载状态的紧凑动画。
Skeletonui.widgets.Skeleton内容尚未到达时的占位骨架。
Timelineui.widgets.Timeline按时间或状态展示纵向事件。
Breadcrumbui.widgets.Breadcrumb表达当前位置及祖先路径。
Stepsui.widgets.Steps展示多阶段任务的已完成、当前和待处理状态。
Treeui.widgets.Tree层级数据、文件树和可展开结构。
Tableui.widgets.Table固定列定义与自定义 cell renderer 的基础表格。
DataTableui.widgets.DataTable带筛选、分页和列行为的数据表。
Calendarui.widgets.Calendar月视图日期浏览与选择。
Markdownui.widgets.Markdown把受支持的 Markdown 子集渲染为原生节点。ui.system_iconsprovider 无关的语义图标角色、尺寸与着色。
Tabsui.widgets.Tabs在同一上下文切换平级视图。
Accordionui.widgets.Accordion折叠和展开分段内容。
Menuui.widgets.Menu上下文动作列表与快捷键提示。
DropdownMenuui.widgets.DropdownMenu从按钮展开的一组命令。
Notificationui.widgets.Notifier不打断当前任务的系统级通知:九种类型、进度、操作按钮、堆叠与八个停靠位置。
Tooltipui.widgets.Tooltip为控件提供短小补充说明。
Popoverui.widgets.Popover承载比 Tooltip 更丰富的临时内容。
Modalui.widgets.Modal阻塞式任务、确认与聚焦上下文。
Sheetui.widgets.Sheet从窗口边缘进入的辅助任务面板。
GlassBoxui.widgets.GlassBox使用真实 backdrop blur 的玻璃表面。
Dividerui.widgets.Divider水平、垂直和带标签的内容分隔。
Stackui.widgets.HStack / VStack常用水平、垂直排列语义。
Layout / Box Modelui.box盒模型、百分比、绝对定位、Flex / Grid 与裁剪的覆盖矩阵。
VirtualListui.widgets.VirtualList只挂载可见窗口的大量等高数据。
VirtualList (Dynamic)ui.widgets.VirtualList行高不一的虚拟列表。
ScrollAreaui.widgets.mountScrollArea自绘滚动、滚动条与程序化定位。
Gridui.widgets.mountGrid二维行列数据和自定义 cell renderer。
GlassLabui.widgets.GlassBoxGlassBox 光学参数实验台:折射、边缘宽度与放大。
GlassIslandsui.widgets.GlassBox多个玻璃岛叠放在同一背景上。
GlassMotionui.widgets.GlassBox玻璃的形变与随滚动浮动的工具条。
GlassChromeui.widgets.GlassBox应用 chrome:玻璃标题栏与工具条随内容滚动。
CanvasEventsui.events画布级事件:滚动、缩放手势、拖拽与剪贴板图片往返。
Dragui.interaction拖拽与水平 resize 手柄。
Gesturesui.interaction单击、双击、三击与长按的手势仲裁。
AnimControlsui.fx动画控制:yoyo、时间线、关键帧与弹簧。
VectorPathui.path矢量路径几何:描边、填充与命中。
BlendModesui.box混合模式与透明度合成。
Emojiui.text彩色 emoji、ZWJ 序列与肤色修饰。
RTLui.text阿拉伯文、希伯来文与拉丁文混排。
WordNavui.widgets.Textarea跨文字系统的按词移动光标。