https://github.com/superbvue/SuperBVue

The Most Complete Vue UI Component Library using bootstrap v5
https://github.com/superbvue/SuperBVue

boostrap5 bootstrap vue vue3

Last synced: 3 months ago
JSON representation

The Most Complete Vue UI Component Library using bootstrap v5

• Host: GitHub
• URL: https://github.com/superbvue/SuperBVue
• Owner: superbvue
• Created: 2020-12-07T13:02:01.000Z (almost 4 years ago)
• Default Branch: main
• Last Pushed: 2021-01-05T08:23:14.000Z (almost 4 years ago)
• Last Synced: 2024-04-25T09:21:47.338Z (7 months ago)
• Topics: boostrap5, bootstrap, vue, vue3
• Language: TypeScript
• Homepage: https://superbvue.netlify.app/
• Size: 2.13 MB
• Stars: 14
• Watchers: 2
• Forks: 2
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

• awesome-vue-3 - superBVue - A Vue 3 UI Components for Web is based on boostrap 5. (Packages)

README

        
# SuperBVue

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

## Looking for the documentation?

Head over here ==> [SuperBVue](https://superbvue.netlify.app/)

## Prerequisite

- Vue 3 is required

## Features

- **Ease of Styling:** SuperBVue using boostrap v5 UI

- Fully support Vue 3

- Typescript support

- No JQuery dependencies

## Installation

```bash

yarn add superbvue

```

or

```bash

npm install superbvue

```

## Usage

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

```js

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:

```js

import { defineComponent } from 'vue'

import { SBButton } from 'superbvue'

export default defineComponent({

  components: {

    SBButton

  }

})

```

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

```html

  my button

import { defineComponent } from 'vue'

export default defineComponent({

  components: {

    SBButton

  }

})

```