SuperBVue

SuperBVue Bootstrap v5 UI component and grid system available for Vue v3

Looking for the documentation?

Head over here ==> SuperBVue

Prerequisite

• Vue 3 is required

Features

• Ease of Styling: SuperBVue using boostrap v5 UI
• Fully support Vue 3
• Typescript support
• No JQuery dependencies

Installation

yarn add superbvue

or

npm install superbvue

Usage

1. Import the SuperBVue UI in your main.js file.

import { createApp } from 'vue'
import { SBButton } from 'superbvue'
import App from './App.vue'

const app = createApp(App)

app.component('SBButton', SBButton)

app.mount('#app')

Or in component level:

import { defineComponent } from 'vue'
import { SBButton } from 'superbvue'

export default defineComponent({
  components: {
    SBButton
  }
})

2. In your component, you can global use it in template.

<template>
  <SBButton>my button</SBButton>
</template>

<script>
import { defineComponent } from 'vue'

export default defineComponent({
  components: {
    SBButton
  }
})
</script>