1 slot open this monthBy the makers of shadcnregistryWe built shadcnregistry. Now we build your product.Book a callCheck availability
1 slot open this monthAI features?We build AI features into your product.Book a callCheck availability
1 slot open this month๐Ÿšจ Slop police๐Ÿšจ Slop police: we clean up vibe-coded apps.Report itReport your app
shadcnregistry
shadcnregistry
RegistryHealthInspect
Terms of ServicePrivacy Policy
  1. Registries
  2. hirael
  3. File Card

File Card

component

A file as a row for lists or a tile for grids: an icon picked from the type, or an image preview, with the name, size and your own actions. FileIcon and fileKindOf are exported for your own layouts.

pnpm dlx shadcn@latest add "https://hirael.com/r/file-card.json"
Premium blocks for shadcn/uiShadcnblocks.com ยท AffiliateExplore
  • lucide-react
  • format-bytes
components/file-card.tsx