UI 组件类型 · 基础类型 / Container
Container
限制内容宽度、内边距和水平对齐的容器原语。
关键字段
Identity · 身份
- 子类型
- 基础
- 父级类目
- 布局与表面
What · 是什么
- 定义
- 限制内容宽度、内边距和水平对齐的容器原语。
- 组成与状态
- Container 的语义角色、视觉容器、内容区域和交互反馈。
Why · 为什么
- 作用
- 限制内容宽度、内边距和水平对齐的容器原语。
Where · 在哪里
- 适用场景
- Web 界面设计
How · 怎么做
- 检查清单
- 语义正确;键盘可用;焦点可见;状态可感知;响应式可用。
Lifecycle · 生命周期
- 状态
- 启用
所属组件分类与横向适用关系
关系来自本地关系表,并包含反向关联。
- Before / After ShowcaseBefore / After Showcase反向 · 应用于
对比变化前后的视觉或结果,帮助用户理解产品、服务或过程价值。
- Global NavigationGlobal Navigation反向 · 应用于
跨页面提供品牌、一级目的地、账户和全局操作的稳定入口。
- HeroHero反向 · 应用于
用一句核心承诺、支持说明和主要行动让用户快速判断页面价值。
- Location / MapLocation / Map反向 · 应用于
提供地点、路线、营业时间和区域上下文,支持地图之外的可访问文本路径。
- Media / Product DemoMedia / Product Demo反向 · 应用于
用视频、动图或交互预览解释产品如何工作及其关键体验。
- Social EmbedSocial Embed反向 · 应用于
嵌入来自社交平台的帖子、视频或讨论,同时控制隐私、性能和失败退化。
- Store LocatorStore Locator反向 · 应用于
让用户按位置、服务或库存查找最近的门店、机构或服务点。
- Video DemoVideo Demo反向 · 应用于
用短视频展示产品、服务或操作流程,并提供字幕、摘要和替代路径。
- Web 界面设计Web Interface Design应用于
围绕浏览器环境组织页面架构、导航、内容、区块、组件、转化和性能的界面设计领域。
- 布局与表面Layout & Surfaces属于
用于组织空间、容器、层级、页面骨架和视觉表面的组件。