Item

A versatile list item component with media, content, and actions slots.

Usage

tsx

import { Item } from "@/components/ui/item";

<Item variant="default" size="default">...</Item>

<Item variant="default" size="default">...</Item>

Light

Dark

Default

Metrics

Perimeter Api

variant

size

Documents

12 files

Photos

48 files

report.pdf

2.4 MB

New

Small item

Another small item

Muted item

With a subtle background.

Install

$ pnpm dlx shadcn@latest add @perimeter/item