@ducdev2k1/file-icon

File Thumbnail Icon Component

English

Description

This component displays a file thumbnail icon based on the file name.

Installation

Ensure you have Vue 3 installed. Then, install the package via npm:

npm install @ducdev2k1/file-icon

Then, import the component in your project.

Usage

<script setup lang="ts">
  import FileThumbnailIcon from '@ducdev2k1/file-icon';
</script>

<template>
  <FileThumbnailIcon nameFile="document.pdf" alt="PDF File" class="icon" />

  <!--Folder-->
  <FileThumbnailIcon nameFile="document" isDirectory alt="Folder" class="icon" />
</template>

Props

Attributes

This component supports all native <img> attributes via $attrs.

Tiếng Việt

Mô tả

Component này hiển thị icon thumbnail của file dựa vào tên file.

Cài đặt

Hãy đảm bảo bạn đã cài đặt Vue 3. Sau đó, cài đặt package qua npm:

npm install @ducdev2k1/file-icon

Sau đó, import component vào dự án của bạn.

Cách sử dụng

<script setup lang="ts">
  import FileThumbnailIcon from '@ducdev2k1/file-icon';
</script>

<template>
  <FileThumbnailIcon nameFile="document.pdf" alt="Tệp PDF" class="icon" />

  <!--Folder-->
  <FileThumbnailIcon nameFile="document" isDirectory alt="Folder" class="icon" />
</template>

Props

Thuộc tính

Component này hỗ trợ tất cả các thuộc tính của thẻ <img> thông qua $attrs.