FileIcon

Used to display a file icon.

Demo

React

Size (rem)

???

Vue

Size (rem)

???

Example

React

// Import component
import { FileIcon } from '@fintech-sandpit/ui/react';
// Import styles (optional)
import '@fintech-sandpit/ui/style/components/file_icon.css';

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

Vue

<script setup lang="ts">
// Import component
import { FileIcon } from '@fintech-sandpit/ui/vue';
// Import styles (optional)
import '@fintech-sandpit/ui/style/components/file_icon.css';
</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