Docs
Description List

Description List

A description list, with terms and descriptions.

Status
Published
Last Updated
Yesterday at 12:34 PM
Storage Usage
2.4 GB of 5 GB
API Endpoints
4 active endpoints
Database
PostgreSQL v14.5
Environment
Production

Installation

npx shadcn@latest add https://ui-x.junwen-k.dev/r/description-list.json

Usage

import {
  DescriptionDetail,
  DescriptionGroup,
  DescriptionList,
  DescriptionTerm,
} from "@/registry/default/ui/description-list"
<DescriptionList>
  <DescriptionGroup>
    <DescriptionTerm>Status</DescriptionTerm>
    <DescriptionDetail>
      <span className="inline-flex items-center rounded-full border bg-green-50 px-2.5 py-0.5 text-xs font-semibold text-green-700 ring-green-600/20 transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2">
        Published
      </span>
    </DescriptionDetail>
  </DescriptionGroup>
  <DescriptionGroup>
    <DescriptionTerm>Last Updated</DescriptionTerm>
    <DescriptionDetail>Yesterday at 12:34 PM</DescriptionDetail>
  </DescriptionGroup>
  <DescriptionGroup>
    <DescriptionTerm>Storage Usage</DescriptionTerm>
    <DescriptionDetail>2.4 GB of 5 GB</DescriptionDetail>
  </DescriptionGroup>
  <DescriptionGroup>
    <DescriptionTerm>API Endpoints</DescriptionTerm>
    <DescriptionDetail>4 active endpoints</DescriptionDetail>
  </DescriptionGroup>
  <DescriptionGroup>
    <DescriptionTerm>Database</DescriptionTerm>
    <DescriptionDetail>PostgreSQL v14.5</DescriptionDetail>
  </DescriptionGroup>
  <DescriptionGroup>
    <DescriptionTerm>Environment</DescriptionTerm>
    <DescriptionDetail>Production</DescriptionDetail>
  </DescriptionGroup>
</DescriptionList>
Date PickerDropzone