File Thumbnail

Read-only square preview of a File. Images render via object-cover; PDFs render their first page via pdfjs; a spinner shows while either resolves. Adapts its corner radius to the global shape setting. The pdf.js worker loads from jsDelivr b.

Library

Fluid Functionalism

Framework

React

Type

ui

License

MIT

Dependencies

pdfjs-dist

Install

npx shadcn@latest add @fluid/file-thumbnail

Files

• registry/default/file-thumbnail.tsx
• registry/default/lib/utils.ts
• registry/default/lib/shape-context.tsx
• lib/utils.ts
• lib/shape-context.tsx

Source

https://github.com/mickadesign/fluid-functionalism

Categories

• AI Element Components
• React AI Element Components
• Tailwind CSS AI Element Components
• Attachment Components
• React Attachment Components
• Tailwind CSS Attachment Components
• Image Components
• React Image Components
• Tailwind CSS Image Components
• Media Components
• React Media Components
• Tailwind CSS Media Components

More from Fluid Functionalism

• Input Message
• Accordion
• Accordion (Base UI)
• Ask User Questions
• Badge
• Banner
• Breadcrumb
• Button
• Button (Base UI)
• Calendar
• Card
• Carousel Dots