- Listing
- Preskok UI
- Status
- Active
- Owner
- Design Systems
"use client"
import { DescriptionList } from "@/components/ui/preskok-ui/description-list"
export function DescriptionListPreskokDemo() {
return (
<DescriptionList className="max-w-xl">
<DescriptionList.Term>Listing</DescriptionList.Term>
<DescriptionList.Details>Preskok UI</DescriptionList.Details>
<DescriptionList.Term>Status</DescriptionList.Term>
<DescriptionList.Details>Active</DescriptionList.Details>
<DescriptionList.Term>Owner</DescriptionList.Term>
<DescriptionList.Details>Design Systems</DescriptionList.Details>
</DescriptionList>
)
}
Installation
pnpmnpmyarnbunpnpm dlx @preskok-org/ui@latest add description-list
Usage
import { DescriptionList } from "@/registry/preskok/ui/preskok-ui/description-list"
export function Example() {
return (
<DescriptionList>
<DescriptionList.Term>Project</DescriptionList.Term>
<DescriptionList.Details>Preskok UI</DescriptionList.Details>
</DescriptionList>
)
}Components
- DescriptionList: root
dl - DescriptionList.Term:
dt - DescriptionList.Details:
dd