vue3-bootstrap-icon
TypeScript icon, indicating that this package has built-in type declarations

1.0.5 • Public • Published

Bootstrap Icon Vue

A free and open-source icon component library for Bootstrap icons based on vue3, all icons are from Bootstrap official icon library

中文文档

Install

npm npm install vue3-bootstrap-icon -S

yarn yarn add vue3-bootstrap-icon --save

Usage

<template>
  <BsiBootstrap />
  <BsiGithub />
</template>

<script setup>
  /* // It is not recommended to use this method to import, because there are thousands of icon components in the library, that is, thousands of modules, 
    // and webpack will load these thousands of modules during development, which will slow down the hot update speed of webpack
  // import { BsiBootstrap } from 'vue3-bootstrap-icon'; */
  import { BsiBootstrap } from 'vue3-bootstrap-icon/es/icons/BsiBootstrap';
  // The icon component name is the component file name
  import { BsiGithub } from 'vue3-bootstrap-icon/es/icons/BsiGithub';
  // use require
  const Bsi1Square = require('vue3-bootstrap-icon/cjs/icons/Bsi1Square').default;
</script>

Documentation and Examples

Component props

Parameter Illustrate Type Default value Version
width icon width stringnumber 1em --
height icon height stringnumber 1em --
fill Icon fill color string currentColor --
viewBox The viewBox attribute of svg, read from svg by default, if it cannot be read, use "0 0 1024 1024" string --
ariaHidden ariaHidden attribute value boolean true --
focusable focusable attribute value boolean false --

Package Sidebar

Install

npm i vue3-bootstrap-icon

Weekly Downloads

5

Version

1.0.5

License

MIT

Unpacked Size

9.6 MB

Total Files

3929

Last publish

Collaborators

  • hearth_learning_money