FileIcon

Pro

FileIcon renders a colored SVG badge for common file types, with a folder variant and automatic fallback for unknown extensions.

PDF
XLS
DOC

Installation

Add this component with the NateUI CLI.

npx @nateui/cli@latest add FileIcon

Examples

All Supported Types

API

PropDescriptionTypeDefault
typeFile extension or 'directory'. Determines the rendered media glyph, label badge, or folder icon.string—
sizeWidth and height of the SVG in pixels.number30