UI FLOWKNOWLEDGE SYSTEM

UI 组件 · UI Parts

胶囊
Pill / Capsule

一种两端完全圆润的界面形状,常用于按钮、筛选项、标签、状态和分段导航,让控件更轻、更柔和、更容易被识别为可点击。

A fully rounded capsule shape used for buttons, filters, tags, status labels, and segmented controls. It makes controls feel softer, lighter, and clearly tappable.

交互预览

这是 mianhua UI Glossary 的原生 Preview Runtime,不是静态截图。

可以直接对 Agent 说

设计一组胶囊形 UI:包含筛选胶囊、状态胶囊、主按钮和分段导航。使用 9999px 圆角、足够的水平内边距、轻边框、低饱和浅色背景,并给选中、悬停、禁用和可移除状态做清晰区分。避免把整页所有卡片都做成胶囊,只在短文本、动作和状态上使用。

相关可运行档案研究

该术语暂未建立精选案例映射,可从馆藏中继续搜索。

返回术语实验室 · 浏览完整馆藏 · 读取术语 API