Item

A versatile component that you can use to display any content.

shadcn/ui docs
Basic Item

A simple item with title and description.

Installation

pnpm dlx shadcn@latest add https://neobrutalism.dev/r/item.json

Usage

import {
  Item,
  ItemActions,
  ItemContent,
  ItemDescription,
  ItemMedia,
  ItemTitle,
} from '@/components/ui/item'
<Item>
  <ItemMedia variant="icon">
    <InboxIcon />
  </ItemMedia>
  <ItemContent>
    <ItemTitle>Item</ItemTitle>
    <ItemDescription>Item description</ItemDescription>
  </ItemContent>
  <ItemActions>
    <Button variant="neutral" size="sm">
      Action
    </Button>
  </ItemActions>
</Item>

Examples

Default

Basic Item

A simple item with title and description.

With Image

shadcn
shadcn

Building things for the web.

Use the render prop to render the item as a link.

Group

Inbox

View all incoming messages.

Sent

View all sent messages.

Archive

View archived messages.