For AI agents: the complete documentation index is available at https://a3s-lab.github.io/UI/v0.3.0/llms.txt, the full documentation bundle is available at https://a3s-lab.github.io/UI/v0.3.0/llms-full.txt, and this page is available as Markdown at https://a3s-lab.github.io/UI/v0.3.0/components/property-list.md.
  • 简体中文
  • v0.3.0
  • 属性列表

    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> 关系,不要用纯视觉网格替代。值可以换行;除非其他位置提供完整值,否则不要截断权威标识符。