列表 / 列表项

List / List Item

也叫List ViewRow列表行NSTableView row

以重复行展示同类内容，每行可包含主文字、元数据与操作。

Presents repeated, similar content as rows with primary text, metadata, and actions.

ANATOMY & USAGE

结构与使用建议

组成部分

列表容器
主内容
辅助信息或操作

适合使用

项目结构相似且用户需要纵向快速扫描时。

不建议使用

项目差异很大或需要二维列比较时。

键盘与无障碍

使用 ul/ol 和 li；交互只放在真实链接或按钮上，并保留清楚的项目名称。

DESCRIBE IT TO AI

这样告诉编程助手

实现列表 / 列表项（List / List Item）：以重复行展示同类内容，每行可包含主文字、元数据与操作。

MINIMAL RUNNABLE CODE

可复制代码

原生与 React 两套实现，不依赖第三方组件库。

READ ONLY · SAFE TO COPY

<ul class="demo stack">
  <li>
    <a href="/messages/1">
      <strong>设计评审</strong>
      <br>
      <span class="muted">今天 10:30</span>
    </a>
  </li>
  <li>
    <a href="/messages/2">
      <strong>版本发布</strong>
      <br>
      <span class="muted">昨天</span>
    </a>
  </li>
</ul>