# Item

> A versatile row for displaying media, a title, a description, and actions.

Source: https://ui.cortexcn.dev/docs/components/item

## Installation

```bash
npx shadcn@latest add @cortexcn/item
```

## Usage

```tsx
import { Item, ItemMedia, ItemContent, ItemActions, ItemGroup, ItemSeparator, ItemTitle, ItemDescription, ItemHeader, ItemFooter } from "@/components/item";
```

## Examples

### Default

### Outline

### Muted

### Small

### Outline, small

### Muted, small

### Extra small

### Outline, extra small

### Muted, extra small

### asChild

### Outline, asChild

### Muted, asChild

### ItemGroup

### Outline, ItemGroup

### Muted, ItemGroup

### ItemSeparator

### ItemHeader

### ItemFooter

### ItemHeader and ItemFooter

### Item with drawer

### Default, ItemMedia image

### Outline, ItemMedia image

### Outline, ItemMedia image, small

### Outline, ItemMedia image, extra small

### Muted, ItemMedia image

Adapted from the [shadcn/ui Item](https://ui.shadcn.com/docs/components/radix/item) (MIT).