HarmonyOS List (Schematic)
The grouped list used across HarmonyOS settings and content pages — self-drawn schematic from published guideline points; no official assets.
Grouped List
分组列表
A list with group headers: small group titles above each section; headers can stick, with an A–Z index for jumping.
All platformsContentContent areaComponent
大白话说明
分组列表在基础列表之上加一层秩序：按类别、时间或字母把行分段，组头说明这一段是什么。长列表配吸顶组头（永远知道自己在哪组）和右侧字母索引（点字母直达），通讯录就是经典形态。
什么时候用
条目超过 30 条且有自然分组依据时——通讯录、城市选择、按日期归档的记录。
什么时候不用
条目不多（<15）或分组依据是硬凑的时别用，组头只会切碎阅读节奏。
细节与变体
- 组头背景与行背景要有区分（浅一档或加粗小字），但别用重色块
- 索引条热区要宽（至少 20px），字母本身可以只有 10px
- 空组不渲染组头，避免出现只有标题没有内容的尴尬段
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.