Components / Layout
ListRow
Single-line list row with leading and trailing slots.
Preview
Proposal review
Design · due tomorrow
Soon
1import { ListRow } from "@/components/ui/list-row"2
3export function ListRowDemo() {4 return <ListRow title="Proposal review" subtitle="Due tomorrow" />5}compact
The compact style of this component.
Proposal review
Design · due tomorrow
Soon
1import { ListRow } from "@/components/ui/list-row"2
3export function ListRowDemo() {4 return <ListRow title="Proposal review" subtitle="Due tomorrow" />5}card
The card style of this component.
Proposal review
Design · due tomorrow
Soon
1import { ListRow } from "@/components/ui/list-row"2
3export function ListRowDemo() {4 return <ListRow title="Proposal review" subtitle="Due tomorrow" />5}Installation
Add the source directly to your project with the shadcn CLI.
npx shadcn@latest add qentrah/DUI/list-rowUsage
Install the component, import it from your configured UI directory, and adapt the source to your product. Open the source panel under any example to copy that exact variant.