FileIcon

Used to display a file icon.

Demo

React

Size (rem)

???

Vue

Size (rem)

???

Usage

React

import { FileIcon } from '@fintech-sandpit/ui/react';

return (
  <FileIcon name="example.pdf" />
);

Vue

<script setup lang="ts">
import { FileIcon } from '@fintech-sandpit/ui/vue';
</script>

<template>
  <FileIcon name="example.pdf" />
</template>

Props

Name	Type	Default	Description
file	File	—	The file object
name	string	—	The name of the file
mime	string	—	The MIME type of the file