# Item

A versatile row with media, title, description and actions.

Group: Basics

## Import

```tsx
import { Item } from "@indoku/ui"
```

## Examples

### Basic usage

```tsx
<Card.Root>
  <Stack gap="0" divideY="1px">
    <Item.Root interactive>
      <Item.Media>🔔</Item.Media>
      <Item.Content>
        <Item.Title>New comment on your post</Item.Title>
        <Item.Description>2 minutes ago</Item.Description>
      </Item.Content>
      <Item.Actions><Badge variant="subtle">New</Badge></Item.Actions>
    </Item.Root>
    <Item.Root interactive>
      <Item.Media>👤</Item.Media>
      <Item.Content>
        <Item.Title>Ken99 followed you</Item.Title>
        <Item.Description>1 hour ago</Item.Description>
      </Item.Content>
    </Item.Root>
  </Stack>
</Card.Root>
```

## Props

### Root

| Prop | Type | Default | Description |
| --- | --- | --- | --- |
| `interactive` | `boolean` |  | Hover/link styling, for items that are clickable. |

`*` = required. Style props and HTML attributes are accepted too.