Use Bootstrap Icons As Components In Vue

Description:

An icon library for Vue 3 that allows you to use Bootstrap icons as components in the app.

Basic Usage:

1. Import icons from the bootstrap-icons-vue.

import { BIconBatteryFull, ... } from 'bootstrap-icons-vue';
// or all icons
import { BootstrapIconsPlugin } from 'bootstrap-icons-vue';

2. Insert icons into the app.

<template>
  <BIconBatteryFull />
</template>
export default {
  components: {
    BIconBatteryFull,
    ...
  },
  // ...
};

Download Details:

Author: tommyip

Live Demo: https://github.com/tommyip/bootstrap-icons-vue

Download Link: https://github.com/tommyip/bootstrap-icons-vue/archive/master.zip

Official Website: https://github.com/tommyip/bootstrap-icons-vue

Install & Download:

# Yarn
$ yarn add bootstrap-icons-vue

# NPM
$ npm i bootstrap-icons-vue --save

You Might Be Interested In:

Add Comment