1.0.5 • Published 11 months ago

vue3-bootstrap-icon v1.0.5

Weekly downloads
-
License
MIT
Repository
github
Last release
11 months ago

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

ParameterIllustrateTypeDefault valueVersion
widthicon widthstringnumber1em--
heighticon heightstringnumber1em--
fillIcon fill colorstringcurrentColor--
viewBoxThe viewBox attribute of svg, read from svg by default, if it cannot be read, use "0 0 1024 1024"string--
ariaHiddenariaHidden attribute valuebooleantrue--
focusablefocusable attribute valuebooleanfalse--