{
"name": "FileTypeIcon",
"package": "@magicblocksai/ui",
"file": "packages/ui/src/components/FileTypeIcon.tsx",
"chapterTag": "03 Icons",
"chapter": "03-icons.html",
"sectionId": "file-type",
"elName": "File-type set & FileTypeIcon dispatcher",
"demoUrl": "https://brand.magicblocks.ai/components/03-icons#file-type",
"hasLiveDemo": false,
"description": "`` — picks the right kit file-type glyph\nfrom a MIME string. Forwards every standard icon prop (`size`,\n`className`, `aria-label`, native SVG attributes, etc.) to the resolved\nicon. Spark Round R24.",
"useClient": false,
"interactivity": "display",
"namedExports": [
{
"name": "FileTypeIcon",
"isPrincipal": true,
"isType": false
},
{
"name": "getFileTypeIcon",
"isPrincipal": false,
"isType": false
},
{
"name": "getFileTypeKind",
"isPrincipal": false,
"isType": false
},
{
"name": "FileTypeIconProps",
"isPrincipal": false,
"isType": true
},
{
"name": "FileTypeKind",
"isPrincipal": false,
"isType": false
}
],
"importStatement": "import { FileTypeIcon } from \"@magicblocksai/ui\";",
"props": [
{
"name": "contentType",
"optional": false,
"type": "string | null | undefined",
"doc": "MIME / content-type string for the file (e.g. `\"image/png\"`, `\"application/pdf\"`, `\"text/csv\"`). The kit normalises to lowercase + trims whitespace before mapping. Pass `null`, `undefined`, or `\"\"` to render the generic ``."
}
],
"classesUsed": [],
"examples": {
"react": "// In an attachment row\n ",
"html": "\n
\n
\n
\n \n \n
FileTextIcon\n
\n
\n
\n \n \n
FileImageIcon\n
\n
\n
\n \n \n
FilePdfIcon\n
\n
\n
\n \n \n
FileVideoIcon\n
\n
\n
\n \n \n
FileAudioIcon\n
\n
\n
\n \n \n
FileArchiveIcon\n
\n
\n
\n
application/pdf\n
→\n
FilePdfIcon\n
\n \n \n
\n
\n
image/png\n
→\n
FileImageIcon\n
\n \n \n
\n
\n
application/zip\n
→\n
FileArchiveIcon\n
\n \n \n
\n