ui component part / Field Label
Field Label
说明字段含义的标签
Identity
- Subtype
- 解剖结构
- Parent Taxonomy
- Cascader, Color Picker, Comment Composer, File Drop Area, Form Field, Mention Input, Query Builder, Rich Text Field, Tag Picker, Time Range Picker, 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
围绕浏览器环境组织页面架构、导航、内容、区块、组件、转化和性能的界面设计领域。
- CascaderCascaderRelated
按层级逐步选择国家、分类、目录或其他树状选项。
- Color PickerColor PickerRelated
把颜色区域、滑块、预览、输入和最近使用值组合起来。
- Comment ComposerComment ComposerRelated
提供评论、回复、提及、附件和提交动作的编辑器。
- File Drop AreaFile Drop AreaRelated
提供拖拽、选择、预览和移除文件的上传入口。
- Form FieldForm FieldRelated
把 Label、Input、辅助说明和错误反馈组合成可理解的输入单元。
- Mention InputMention InputRelated
在文本编辑过程中搜索并插入用户、团队或对象提及。
- Query BuilderQuery BuilderRelated
用字段、运算符和值构造可保存或复用的结构化查询。
- Rich Text FieldRich Text FieldRelated
提供带格式文本、链接、列表和嵌入内容的编辑字段。
- Tag PickerTag PickerRelated
搜索、创建和移除多个标签的字段组合。
- Time Range PickerTime Range PickerRelated
选择开始与结束时间并处理跨日、时区和步长。
- 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
管理待购买商品、数量、价格、优惠和下一步结算动作的页面。