# Shadcn Attachment List

> Attachment list

- Type: example, free and open source (MIT)
- Component: [File Type](https://reui.io/components/file-type.md)
- Page: https://reui.io/components/file-type/c-file-type-7
- Docs (Base UI): https://reui.io/docs/components/base/file-type.md
- Docs (Radix UI): https://reui.io/docs/components/radix/file-type.md
- MCP: `get_example("c-file-type-7")`
- Registry item: https://reui.io/r/styles/base-nova/c-file-type-7.json
- Uses: Button, File Type, Item

## Best for

Static rows pairing a light page with the name, size and a dated time element, ending in a ghost download button

## Agent notes

- The download `Button` has no handler; point each row at its file URL or your download call
- `ATTACHMENTS` holds preformatted `size` and `modifiedLabel` strings; format them from your file records

## When not to use

- Documents shown as chips in a chat composer or an assistant reply: use [Attachment](https://reui.io/components/attachment.md) (`get_component("attachment")`)
- Rows that track each transfer with a bar, cancel and retry: use [Upload Queue](https://reui.io/components/file-type/c-file-type-8.md) (`get_example("c-file-type-8")`)

## Install

```bash
npx shadcn@latest add @reui/c-file-type-7
```

## About Shadcn File Type

### When to use

- Attachment lists, upload queues and file browser rows, each icon resolved from a name or MIME type
- Export format pickers and legends of the formats a product accepts or produces
- Version tags, document codes and marks such as a lock or star drawn on a document

### When not to use

- A drop zone or picker that collects documents before they are sent: use [File Upload](https://reui.io/components/file-upload.md) (`get_component("file-upload")`)
- Documents carried by a chat message as chips with idle, uploading and error states: use [Attachment](https://reui.io/components/attachment.md) (`get_component("attachment")`)
- A complete drive page with a folder tree, list and grid views and bulk actions: use the [Files blocks](https://reui.io/blocks/solutions/files.md)

### Agent notes

- `type` takes an extension, not a file name: report.pdf passed straight in draws a neutral page labeled REPORT.PDF, so run names through `getFileType`
- `FileType` is not focusable and has no keyboard behavior, so an action goes on a wrapping `Button` or link with its own accessible name

Every ReUI item has a twin like this one; the index is https://reui.io/llms.txt. Agents with the ReUI MCP (https://reui.io/docs/mcp) get the same guidance from the getters named above.