Join the Nuxt Team at Frontend Nation 4-7 June.

nuxt-bootstrap-icons
nuxt-bootstrap-icons

Just a simple integration for Bootstrap Icons

Nuxt Bootstrap Icons

npm versionnpm downloadsNuxt

Just a simple integration for Bootstrap Icons in Nuxt

Quick Setup

  1. Add nuxt-bootstrap-icons dependency to your project
    # Using pnpm
    pnpm add -D nuxt-bootstrap-icons
    
    # Using yarn
    yarn add --dev nuxt-bootstrap-icons
    
    # Using npm
    npm install --save-dev nuxt-bootstrap-icons
    
  2. Add nuxt-bootstrap-icons to the modules section of nuxt.config.ts
export default defineNuxtConfig({
  modules: ["nuxt-bootstrap-icons"],
});

That's it! You can now use nuxt-bootstrap-icons in your Nuxt app ✨

Resources

  1. Documentation: https://nuxt-bootstrap-icons.vercel.app
  2. Bootstrap Icons: https://icons.getbootstrap.com

Contributing

You can contribute to this module with StackBlitz:

Edit OyewoleOyedeji/nuxt-bootstrap-icons/main

or locally for either

Documentation

  1. Clone the repository
  2. Install dependencies with pnpm install
  3. Setup module for development with pnpm dev:prepare
  4. Run development server with pnpm docs:dev

Note: Hosted on Vercel

Deploy with Vercel

or

Playground

  1. Clone the repository
  2. Install dependencies with pnpm install
  3. Setup module for development with pnpm dev:prepare
  4. Run development server with pnpm playground:dev