- Model
- Tesla Model 3
- Year
- 2024
- Mileage
- 15,000 miles
- Manufacturer
- Tesla
- Price
- $45,000
- Condition
- Like New
import {
DescriptionDetails,
DescriptionList,
DescriptionTerm,
} from "@/components/ui/preskok-ui/description-list"
export function DescriptionListPreskokDemo() {
return (
<DescriptionList className="max-w-xl">
<DescriptionTerm>Model</DescriptionTerm>
<DescriptionDetails>Tesla Model 3</DescriptionDetails>
<DescriptionTerm>Year</DescriptionTerm>
<DescriptionDetails>2024</DescriptionDetails>
<DescriptionTerm>Mileage</DescriptionTerm>
<DescriptionDetails>15,000 miles</DescriptionDetails>
<DescriptionTerm>Manufacturer</DescriptionTerm>
<DescriptionDetails>Tesla</DescriptionDetails>
<DescriptionTerm>Price</DescriptionTerm>
<DescriptionDetails>$45,000</DescriptionDetails>
<DescriptionTerm>Condition</DescriptionTerm>
<DescriptionDetails>Like New</DescriptionDetails>
</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