Attachment

An uploaded or in-flight file as a picture, a card that names its type or a row (full or compact) with its icon, name and metadata, with its upload state and actions.

Attachment

Vendor review

Three files are attached to this request.

acme-audit.zip2.1 MB

pricing-model.xlsxUploading…

site-visit.movOver the 25 MB limit

Installation

pnpm dlx shadcn@latest add @sortui/attachment

Usage

import {
  Attachment,
  AttachmentGroup,
  AttachmentMedia,
  AttachmentContent,
  AttachmentTitle,
  AttachmentDescription,
  AttachmentActions,
  AttachmentAction,
  AttachmentTrigger,
} from "@/components/ui/attachment"

Examples

Types

red-forest-peak.webp1.4 MB

PDF

brand-assets.pdf2.1 MB

acme-audit.zip2.1 MB

States

DOCX

acme-audit.docxUploading…

DOCX

acme-audit.docx2.1 MB

DOCX

acme-audit.docxOver the 25 MB limit

acme-audit.zipUploading…

acme-audit.zip2.1 MB

acme-audit.zipOver the 25 MB limit

Link

northwind.app

Northwind — Plans and pricing for growing teamshttps://northwind.app/pricing

In a composer

Group

DOCX

acme-audit.docx2.1 MB

XLSX

pricing-model.xlsx840 KB

ZIP

brand-assets.zip18 MB

release-notes.md12 KB

Ship your next project this week

Get the full Figma kit, the code of 180+ sections and every future update for one payment.

Get Pro Access