组件系统是 Alius 设计规范落地的工程基础。每个组件都有明确的用途、状态和交互规则。

基础组件

基础组件是构建所有界面的原子单元。

• Button — 操作触发，分为 Primary / Secondary / Tertiary / Danger / Ghost / Link
• Input — 文本输入，支持前缀、后缀、清空、密码切换
• Select — 下拉选择，支持搜索、多选、分组
• Checkbox — 多选，支持全选、半选状态
• Radio — 单选，确保互斥关系清晰
• Switch — 开关切换，立即生效，不需要确认
• Slider — 数值范围选择，显示当前值
• Tag — 标签标记，支持关闭、颜色区分
• Badge — 状态徽标，用于未读数、状态提示
• Tooltip — 悬停提示，简短说明，不承载复杂信息
• Popover — 弹出面板，承载更多内容和操作
• Modal — 对话框，阻断操作，需要用户响应
• Drawer — 侧边抽屉，承载表单或详情
• Tabs — 标签页切换，平级内容分组
• Breadcrumb — 面包屑导航，显示当前路径
• Pagination — 分页器，大数据集分页浏览

文档组件

文档组件专门服务于技术文档和知识库。

• Callout — 提示框，分为 Info / Warning / Error / Tip
• CodeBlock — 代码块，支持语法高亮、行号、复制按钮
• CopyButton — 一键复制，用于命令、代码片段
• VersionBadge — 版本标记，标注功能对应的最低版本
• WarningBox — 警告框，高风险操作前的安全提示
• InfoBox — 信息框，补充说明和注意事项
• DownloadCard — 下载卡片，展示资源名称、格式、大小
• ResourceCard — 资源卡片，展示文档、工具、模板链接
• Stepper — 步骤指示器，分步引导
• FAQ — 常见问题，可折叠的问答对
• ImageCaption — 图片说明，图片下方显示标题和描述
• APIParameterTable — API 参数表，结构化展示参数名、类型、说明

产品组件

产品组件服务于产品展示和功能介绍。

• ProductCard — 产品卡片，展示产品图标、名称、简介
• FeatureGrid — 特性网格，产品核心特性展示
• SpecTable — 规格参数表，硬件参数键值对
• ComparisonTable — 对比表，多产品参数对比
• HardwarePortDiagram — 硬件接口图，标注各接口位置和功能
• ModuleCard — 模块卡片，展示可组合的功能模块
• ScenarioCard — 场景卡片，展示典型应用场景
• RoadmapTimeline — 路线图，展示产品发展规划

社区组件

社区组件服务于开源生态和社区互动。

• ContributorCard — 贡献者卡片，展示头像、名称、贡献
• OpenSourceLicenseCard — 开源协议卡片，展示协议类型和关键条款
• GitHubRepoCard — GitHub 仓库卡片，展示星标、语言、描述
• CommunityEventCard — 社区活动卡片，展示时间、地点、报名
• DownloadAssetCard — 下载资源卡片，展示文件格式、版本、大小
• DesignResourceCard — 设计资源卡片，展示设计资产下载入口