Bootstrap Icons meets Nuxt

Setup

Run the following command to add the module to your project:

$ npx nuxi@latest module add nuxt-bootstrap-icons

Congratulations 🎉, you have successfully added the module to your project and can now browser bootstrap-icons for use in your project

Usage

This module registers a component BootstrapIcon by default which can then be used in your project as shown below:

<BootstrapIcon name="alarm-fill" />

Configuration

You can configure this module using the bootstrapIcons key in the nuxt.config

Select a key from the options below to see details specific to such key

export default defineNuxtConfig({
  bootstrapIcons: {
    prefix: "bi",
  },
})