组件总览

所有组件按画廊（gallery）的分组排列。示例附带可交互的网页近似预览与 ArkTS 源码；少数无法在网页上还原的示例（过渡动画、窗口标题栏）只展示代码。

基础

Icons图标Code Block代码块Transition过渡

区块

App Shell应用外壳Sidebar侧边栏Top Bar顶栏List Detail列表详情Supporting Pane辅助窗格Dashboard Grid仪表盘网格Title Bar标题栏

图表

Chart图表Area Chart面积图Bar Chart柱状图Line Chart折线图Pie Chart饼图Radar Chart雷达图Radial Chart径向图

组件

Alert警告提示Aspect Ratio宽高比Avatar头像Badge徽标Button按钮Card卡片Empty空状态Item列表项Separator & Kbd分隔线与按键Skeleton & Spinner骨架屏与加载Table表格Typography排版

导航

Accordion手风琴Breadcrumb面包屑Button Group按钮组Collapsible折叠面板Pagination分页Scroll Area滚动区域Stepper步骤条Tabs标签页Toggle & Group切换按钮与组

表单

Calendar日历Checkbox复选框Color Picker颜色选择器Date Picker日期选择器Field表单字段Input & Label输入框与标签Input Group输入组Number Field数字输入框Pin Input验证码输入Progress进度条Radio Group单选组Slider滑块Switch开关Tags Input标签输入Textarea多行文本框

浮层

Alert Dialog警告对话框Combobox组合框Command命令菜单Context Menu右键菜单Dialog对话框Drawer抽屉Dropdown Menu下拉菜单Hover Card悬停卡片Menubar菜单栏Popover弹出框Select选择器Sheet侧边面板Toast轻提示Tooltip文字提示