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

      • Property List

      Property List presents compact operational metadata with native description-list semantics. It is suited to revisions, build evidence, runtime facts, and other name-value projections.

      Live preview
      Provider
      A3S Code
      Release
      v0.8.4
      Source digest
      sha256:8f3d…91ac
      Target
      linux/amd64

      Usage

      Import Tailwind and one full A3S UI style bundle.

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

      Or import the base, Property List structure, and a style pack.

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

      Use one direct <div> for each dt and dd pair.

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

      Parameters

      APIValuesPurpose
      class="property-list"RequiredRoot description list
      data-layoutgrid, rowsAutomatic cards or aligned name-value rows
      data-sizesmDenser cell spacing
      data-variantplainRemoves cell surfaces while preserving layout
      --property-list-minCSS lengthMinimum grid-cell width; defaults to 10rem
      --property-list-gapCSS lengthGap between entries; defaults to 0.5rem

      States and variants

      Use the default grid for compact evidence. Use data-layout="rows" when values need to scan down one axis. Put identifiers and digests in <code>; keep ordinary labels and values in the interface typeface.

      <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>Running</dd>
  </div>
</dl>

      Accessibility

      Keep the native <dl>, <dt>, and <dd> relationship. Do not replace it with a visual grid of generic elements. Values may wrap; do not truncate authoritative identifiers unless the complete value is available elsewhere.