ui component part / Title
Title
概括提示原因或结论的标题
Identity
- Subtype
- 解剖结构
- Parent Taxonomy
- Alert, Alert Dialog, App Bar, Audio Player, Bottom Navigation, Callout, Comment Thread, Contextual Help, Data List, Date Range Calendar, Disclosure Group, Discussion Thread, Inline Alert, List View, Menubar, Navigation Menu, Progress Tracker, Resizable Panel, Result Panel, Review Summary, Service Navigation, Sort Bar, Sortable Table, Summary Box, Transfer List, Upload Queue, Action Bar, Action Group, Account / Profile, Changelog Page, Checkout Flow, Community Page, Confirmation Page, Contact / Lead Page, Conversation Page, CRUD Management, Documentation Shell, Email Verification, Error Page, Event Registration Flow, Feed / Stream Page, File Browser, Inbox, Job Listing Page, Master–Detail Workspace, Media Gallery Page, MFA / Verification, Notification Center Page, Password Reset, Pricing & Plan Selection, Product Detail Page, Resource Directory, Search Results Page, Settings Page, Shopping Cart
What
- Definition
- 概括提示原因或结论的标题
- Composition & States
- 语义容器、可见内容、交互入口、辅助说明和状态反馈(按组件取舍)。
Why
- Role
- 概括提示原因或结论的标题
Where
- Applicable Context
- Web Interface Design
How
- Checklist
- 命名清晰;与父组件语义关联;覆盖键盘和读屏;处理空、错误、加载和禁用状态;验证响应式行为。
Lifecycle
- Status
- 启用
Related content
Relationships come from the local knowledge graph and include reverse links.
- Web Interface DesignWeb 界面设计Related
围绕浏览器环境组织页面架构、导航、内容、区块、组件、转化和性能的界面设计领域。
- Action BarAction BarRelated
在列表、表格或对象上下文中集中呈现批量和主要操作。
- Action GroupAction GroupRelated
把多个相关操作组合为一致的动作集合。
- AlertAlertRelated
在当前上下文中提示重要信息、风险或结果的结构
- Alert DialogAlert DialogRelated
要求用户确认、处理或理解高影响信息的模态警示对话框。
- App BarApp BarRelated
结合品牌、导航、页面标题和全局操作的应用顶部栏。
- Audio PlayerAudio PlayerRelated
组合播放、暂停、进度、音量和媒体信息的音频播放器。
- Bottom NavigationBottom NavigationRelated
在移动或窄屏界面中提供固定的一级目的地切换。
- CalloutCalloutRelated
用显著的视觉容器强调补充信息、解释或行动建议。
- Comment ThreadComment ThreadRelated
以层级、作者、时间和回复动作组织评论讨论。
- Contextual HelpContextual HelpRelated
在不打断主要流程的情况下提供字段或任务上下文帮助。
- Data ListData ListRelated
以标签和值的配对结构展示对象属性或摘要数据。
- Date Range CalendarDate Range CalendarRelated
在日历视图中选择、预览和修改日期范围。
- Disclosure GroupDisclosure GroupRelated
把多个可展开的说明、细节或相关内容组织成组。
- Discussion ThreadDiscussion ThreadRelated
在对象上下文中组织多轮讨论、状态和参与者。
- Inline AlertInline AlertRelated
在当前内容上下文中报告重要提醒、错误或状态变化。
- List ViewList ViewRelated
以可排序、选择、分页或虚拟化方式展示一组对象。
- MenubarMenubarRelated
提供桌面应用式的顶层菜单组和键盘导航。
- Navigation MenuNavigation MenuRelated
组织站点、产品或应用的主导航及其子级入口。
- Progress TrackerProgress TrackerRelated
用步骤、状态和完成度表达长任务或流程进展。
- Resizable PanelResizable PanelRelated
允许用户拖拽调整面板、列或区域尺寸的复合容器。
- Result PanelResult PanelRelated
在操作或查询完成后集中呈现结果、解释和后续动作。
- Review SummaryReview SummaryRelated
聚合评分、分布、评论数量和代表性评论的评价摘要。
- Service NavigationService NavigationRelated
在政府、机构或大型服务站点中保持全局服务入口的导航。
- Sort BarSort BarRelated
在结果列表或内容集合上提供排序依据和方向控制。
- Sortable TableSortable TableRelated
为数据表增加排序、选择、密度和键盘操作的复合能力。
- Summary BoxSummary BoxRelated
集中呈现任务、页面或对象的关键信息与下一步动作。
- Transfer ListTransfer ListRelated
在两个列表之间移动、搜索和排序可选对象。
- Upload QueueUpload QueueRelated
管理多文件上传的队列、进度、错误、重试和取消。
- Account / ProfileAccount / ProfileRelated
查看和管理个人资料、偏好、凭证与账户动作的页面。
- Changelog PageChangelog PageRelated
按版本、日期和主题呈现产品更新及影响的页面。
- Checkout FlowCheckout FlowRelated
从购物车、地址、支付到确认的交易完成流程。
- Community PageCommunity PageRelated
围绕成员、讨论、活动和参与动作构建的社区页面。
- Confirmation PageConfirmation PageRelated
在任务、交易或提交完成后总结结果并提供后续动作的页面。
- Contact / Lead PageContact / Lead PageRelated
收集联系信息、需求和来源并完成转化的页面。
- Conversation PageConversation PageRelated
围绕对话消息、参与者、输入和上下文组织的交流页面。
- CRUD ManagementCRUD ManagementRelated
围绕创建、读取、编辑、删除和批量管理对象的后台页面模式。
- Documentation ShellDocumentation ShellRelated
以侧边导航、正文、目录、版本和搜索组成的文档阅读模板。
- Email VerificationEmail VerificationRelated
确认邮箱地址并处理过期、重发和成功状态的流程。
- Error PageError PageRelated
在路由、权限、服务器或内容不可用时提供解释和恢复入口的页面。
- Event Registration FlowEvent Registration FlowRelated
从活动信息、报名、支付/确认到提醒的事件参与流程。
- Feed / Stream PageFeed / Stream PageRelated
按时间、相关性或状态连续呈现内容、活动或更新的页面。
- File BrowserFile BrowserRelated
浏览、搜索、排序、选择和管理文件与文件夹的工作区页面。
- InboxInboxRelated
以列表、详情、筛选、已读状态和批量操作处理消息或任务的工作区。
- Job Listing PageJob Listing PageRelated
按筛选和详情浏览职位并启动申请的招聘页面。
- Master–Detail WorkspaceMaster–Detail WorkspaceRelated
左侧集合/列表与右侧详情/编辑区联动的工作台布局。
- Media Gallery PageMedia Gallery PageRelated
以网格、筛选、预览和详情查看媒体资产的页面。
- MFA / VerificationMFA / VerificationRelated
通过一次性密码、设备或其他因子完成身份确认的流程。
- Notification Center PageNotification Center PageRelated
聚合通知、筛选、已读和跳转动作的页面级模式。
- Password ResetPassword ResetRelated
帮助用户安全找回或重设凭证的页面流程。
- Pricing & Plan SelectionPricing & Plan SelectionRelated
比较方案、解释权益并引导选择或开始订阅的页面流程。
- Product Detail PageProduct Detail PageRelated
围绕一个产品或对象组织媒体、属性、证明、价格和操作的页面。
- Resource DirectoryResource DirectoryRelated
用筛选、分类和卡片/列表组织资源、案例或下载内容的目录页面。
- Search Results PageSearch Results PageRelated
搜索、筛选、排序、分页和结果反馈组成的发现型页面。
- Settings PageSettings PageRelated
按领域组织偏好、权限、账户和系统设置的管理页面。
- Shopping CartShopping CartRelated
管理待购买商品、数量、价格、优惠和下一步结算动作的页面。