ui component part / Message
Message
提供可理解上下文的消息正文
Identity
- Subtype
- 部件
- Parent Taxonomy
- Alert, Confirmation Popover, Live Region, Toggletip, Alert Dialog, Callout, Comment Thread, Contextual Help, Disclosure Group, Discussion Thread, Inline Alert, List View, Progress Tracker, Result Panel, Upload Queue, File Drop Area, 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
围绕浏览器环境组织页面架构、导航、内容、区块、组件、转化和性能的界面设计领域。
- AlertAlertRelated
在当前上下文中提示重要信息、风险或结果的结构
- Alert DialogAlert DialogRelated
要求用户确认、处理或理解高影响信息的模态警示对话框。
- CalloutCalloutRelated
用显著的视觉容器强调补充信息、解释或行动建议。
- Comment ThreadComment ThreadRelated
以层级、作者、时间和回复动作组织评论讨论。
- Confirmation PopoverConfirmation PopoverRelated
在原地确认危险或不可逆操作,避免完整模态打断。
- Contextual HelpContextual HelpRelated
在不打断主要流程的情况下提供字段或任务上下文帮助。
- Disclosure GroupDisclosure GroupRelated
把多个可展开的说明、细节或相关内容组织成组。
- Discussion ThreadDiscussion ThreadRelated
在对象上下文中组织多轮讨论、状态和参与者。
- File Drop AreaFile Drop AreaRelated
提供拖拽、选择、预览和移除文件的上传入口。
- Inline AlertInline AlertRelated
在当前内容上下文中报告重要提醒、错误或状态变化。
- List ViewList ViewRelated
以可排序、选择、分页或虚拟化方式展示一组对象。
- Live RegionLive RegionRelated
为异步变化、通知和状态更新提供辅助技术可感知的消息区域。
- Progress TrackerProgress TrackerRelated
用步骤、状态和完成度表达长任务或流程进展。
- Result PanelResult PanelRelated
在操作或查询完成后集中呈现结果、解释和后续动作。
- ToggletipToggletipRelated
通过点击或聚焦触发、可被关闭的短提示浮层。
- 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
管理待购买商品、数量、价格、优惠和下一步结算动作的页面。