Grouped List
A list with group headers: small group titles above each section; headers can stick, with an A–Z index for jumping.
List Item
基础列表行
The universal content row: avatar or icon left, title and subtitle in the middle, chevron or value right.
All platformsContentContent areaComponent
大白话说明
列表行是界面的基本粒子：左侧配件（头像、图标）、主副两行文字、右侧配件（箭头、数值、开关）三段式组合，换配件就能表达导航、信息、设置、联系人等几十种语义。整行可点，热区就是整行。
什么时候用
内容是同质条目、需要快速扫读和逐条进入时——联系人、文件、订单、文章都从它开始。
什么时候不用
条目之间差异大、图是主角时用卡片；需要横向比较字段时用表格，别用列表硬撑。
细节与变体
- 行高至少 48px，副文案比主文案小一号、弱一档颜色
- 右侧配件只放一个，两个配件并排用户会犹豫点哪个
- 可滑动出操作（删除/置顶）时要给点击替代，老用户找不到滑动
Matching prompt (fill in & copy)
Reference implementations (open source)
- Ant Design ↗ MIT · 免费（MIT）
The de-facto standard for admin interfaces in China — tables, forms, lists.
- MUI ↗ MIT · 免费（MIT，核心）
The most established Material component library for React.
- TDesign ↗ MIT · 免费（MIT）
Tencent's full-stack design system covering web, mobile, mini-programs, and desktop.
- GetWidget ↗ MIT · 免费（官网标注 MIT，未复核）
A long-running Flutter component library with broad coverage and full docs.