Founding price: $35, then $99 after 23:59 UTC on 4 November, then $99
Get ProA file type icon for 99 extensions in brand and family colours, with outline, solid, light and mono variants, six sizes and a lookup from a file name, URL or MIME type.
Derived from this item’s props table, because it declares no controls of its own. This item has no standalone playground, so changes update the code, the share link and the AI prompt.
It installs under components/reui/.
import { FileType } from "@/components/reui/file-type"<FileType type="pdf" />The pattern gallery has 13 worked examples of it.
| Prop | Type | Default | Description |
|---|---|---|---|
type | FileTypeName | - | The format to draw: an extension such as pdf, xlsx, mp4 or folder. |
variant | "outline" | "solid" | "light" | "mono" | "outline" | The drawing style. |
size | six sizes | "default" | The icon size. |
label | string | derived | The accessible name; by default a name such as PDF file. |
Resolve a type from a file name, URL or MIME type with the exported helpers.
Each icon is an img with an accessible name such as "PDF file", so a list of icons without captions is still readable by a screen reader. Add a visible file name next to it; the icon alone is not a substitute.
Based on ReUI (MIT, Copyright (c) 2025 Keenthemes Inc), adapted for tealmac UI. See the third-party notices.