/SuperBVue

The Most Complete Vue UI Component Library using bootstrap v5

Primary LanguageTypeScript

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>