For AI agents: the complete documentation index is available at https://a3s-lab.github.io/UI/v0.4.1/llms.txt, the full documentation bundle is available at https://a3s-lab.github.io/UI/v0.4.1/llms-full.txt, and this page is available as Markdown at https://a3s-lab.github.io/UI/v0.4.1/components/property-list.md.

属性列表

Property List 使用原生描述列表语义展示紧凑的操作元数据,适用于版本、构建证据、运行时事实及其他名称—值投影。

实时预览
Provider
A3S Code
Release
v0.8.4
源摘要
sha256:8f3d…91ac
目标平台
linux/amd64

用法

导入 Tailwind 和一个完整的 A3S UI 样式包。

@import "tailwindcss";
@import "@a3s-lab/ui/a3s.css";

也可以只导入基础样式、Property List 结构和一个样式包。

@import "tailwindcss";
@import "@a3s-lab/ui/base.css";
@import "@a3s-lab/ui/components/property-list.css";
@import "@a3s-lab/ui/styles/a3s.css";

每组 dt 与 dd 使用一个直接子级 <div>。

<dl class="property-list">
  <div>
    <dt>Provider</dt>
    <dd>A3S Code</dd>
  </div>
  <div>
    <dt>Release</dt>
    <dd>v0.8.4</dd>
  </div>
</dl>

参数

API值用途
class="property-list"必需描述列表根元素
data-layoutgrid、rows自动卡片网格或对齐的名称—值行
data-sizesm更紧凑的单元格间距
data-variantplain移除单元格表面,同时保留布局
--property-list-minCSS 长度网格单元格最小宽度,默认 10rem
--property-list-gapCSS 长度条目间距,默认 0.5rem

状态与变体

紧凑证据默认使用网格;当值需要沿单一轴线扫描时使用 data-layout="rows"。标识符和摘要放入 <code>,普通标签和值继续使用界面字体。

<dl class="property-list" data-layout="rows" data-variant="plain">
  <div>
    <dt>Conversation</dt>
    <dd><code>conv_01JY7K</code></dd>
  </div>
  <div>
    <dt>Execution</dt>
    <dd>运行中</dd>
  </div>
</dl>

可访问性

保留原生 <dl>、<dt> 与 <dd> 关系,不要用纯视觉网格替代。值可以换行;除非其他位置提供完整值,否则不要截断权威标识符。