FROM THE PLAYGROUND
File card collections.
Every file, a familiar face. A collection of preview cards for 26 file formats, from documents and spreadsheets to code and media. Built to fit right into your next interface.
View source
ReactTypeScriptTailwind CSSshadcn/ui
Preview
A collection of file preview cards for common file types (PDF, DOC, images, MD, PPT, video, archives, and more). Ideal for dashboards, file managers, and upload UIs with consistent visual language.
Installation
Run the command below to add the component to your project. It registers automatically with shadcn and requires no additional configuration.
npx shadcn@latest add https://www.urmauur.com/r/file-card.jsonProps
The component accepts a single prop that controls which file type is displayed.
| Prop | Type | Value |
|---|---|---|
formatFile | string | docpdfmdmdxcsvxlsxlsxtxtpptpptxziprartargzcodehtmljsjsxtsxcssjsonimgpngjpgjpegvideo |
KEEP EXPLORING
Folder components