DEV Community

Narayan Adhikary
Narayan Adhikary

Posted on • Edited on

wovoui-icons: Bootstrap 5 icons in Vue 3

Bootstrap Icons

wovoui-icons are imported
from Bootstrap 5 icons. There are almost 1522 icons.
And in the future, if Bootstrap provides some more icons, those will be available too as soon as possible.

wovoui-icons are wrapped in a separate package so that it's dependency can
be optional.

Getting Started

Of-course You can use the icons using the provided methods of Bootstrap 5. For example,

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.7.2/font/bootstrap-icons.css">
Enter fullscreen mode Exit fullscreen mode
@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.7.2/font/bootstrap-icons.css");
Enter fullscreen mode Exit fullscreen mode
import "bootstrap-icons"
Enter fullscreen mode Exit fullscreen mode

Installation

Using NPM

npm install @wovosoft/wovoui-icons 
Enter fullscreen mode Exit fullscreen mode

Using yarn

yarn add @wovosoft/wovoui-icons
Enter fullscreen mode Exit fullscreen mode

How to Use


<template>
    <Activity :size="5"/>
    <Alarm :size="5"/>
</template>
<script>
import {Activity, Alarm} from "@wovosoft/wovoui-icons";

export default {
    components: {Activity, Alarm}
}
</script>
Enter fullscreen mode Exit fullscreen mode

Top comments (0)