A lock, link or star drawn on the icon in place of the extension label.
For AI Agents
Hand your agent this brief or the ReUI MCP, not a screenshot. Free to install.
Best for: Pairs of outline and solid pages for 6 states, from verified and hidden to uploading, captioned with state and format
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 version number or document code in the band in place of the extension: use the File Type Custom Labels example
- A drop zone or picker that collects documents before they are sent: use the File Upload component
- Documents carried by a chat message as chips with idle, uploading and error states: use the Attachment component
- A complete drive page with a folder tree, list and grid views and bulk actions: use the Files blocks
Agent notes
- An
iconis decorative, so a lone locked PDF still reads PDF file; droparia-hiddenand pass anaria-labelsuch as Locked PDF file typetakes an extension, not a file name: report.pdf passed straight in draws a neutral page labeled REPORT.PDF, so run names throughgetFileTypeFileTypeis not focusable and has no keyboard behavior, so an action goes on a wrappingButtonor link with its own accessible name
https://reui.io/components/file-type/c-file-type-13.mdget_example("c-file-type-13")npx shadcn@latest add @reui/c-file-type-13Shadcn Components in File Type Locked & Starred
About Shadcn File Type Locked & Starred
Locked, linked and starred. Built with the File Type component. A free, open source shadcn file type example you can install with npx shadcn@latest add @reui/c-file-type-13 and edit as your own code.
What You Can Build With Shadcn File Type Locked & Starred
- Composes File Type, so it drops into any project already using those components.
- Install it with the shadcn CLI: npx shadcn@latest add @reui/c-file-type-13
- Open source and free, with the full source on this page to copy or adapt.
More Shadcn File Type Examples
- Common Formats Common formats
- Variants Outline, solid, light and mono
- Sizes Sizes
- Family Glyphs Family glyphs
- All Formats All formats
- File Browser Data grid file browser
- Attachment List Attachment list
- Upload Queue Upload queue
- Resolve From Name Resolve from a file name
- Custom Labels Custom labels
- Custom Colors Custom colors and unknown types
- Format Picker Export format picker
Related Shadcn Component Categories
Open-source shadcn file upload components for drag-and-drop uploads, multi-file flows, and upload progress.
Open-source shadcn filters components for filter bars, faceted search, and dashboard filtering.
Open-source shadcn frame components for embedded previews, app shells, and device mockups.
Open-source shadcn gantt components with split tree and timeline panes, drag scheduling, and progress rollups.
Open-source shadcn hover card components for profile previews, rich link previews, and contextual details.
Frequently Asked Questions
When should I use Shadcn File Type Locked & Starred?
Use it for pairs of outline and solid pages for 6 states, from verified and hidden to uploading, captioned with state and format.
Shadcn File Type as a whole fits:
- 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
For a version number or document code in the band in place of the extension, use the File Type Custom Labels example. For a drop zone or picker that collects documents before they are sent, use the File Upload component. For documents carried by a chat message as chips with idle, uploading and error states, use the Attachment component. For a complete drive page with a folder tree, list and grid views and bulk actions, use the Files blocks.
How do I install Shadcn File Type Locked & Starred?
Is Shadcn File Type Locked & Starred free to use?
Which components does Shadcn File Type Locked & Starred use?
Start building with ReUI Pro today.
Every Pro block, every style, and every future addition, with one license for unlimited projects.
From $249, once. Lifetime updates.