/bootstrap-vue

Library of Bootstrap 5 components that can be used with Vue 3

Primary LanguageVue

Bootstrap 5 & Vue 3

Installation

yarn add https://github.com/bi0nd0/bootstrap-vue.git#0.3.0
# OR specify a name for the package
yarn add bootstrap-vue-library@https://github.com/bi0nd0/bootstrap-vue.git#0.3.0

Updates

yarn upgrade bootstrap-vue

Usage

//main.ts
import App from './App.vue'
import {BootstrapVue} from 'bootstrap-vue'
// import the style
import 'bootstrap-vue/dist/style.css'

const app = createApp(App)
app.use(BootstrapVue)

Components

  • Modal
  • Toast
  • Table
  • Pagination
  • Dropdown
    • DropdownItem
    • DropdownHeader
    • DropdownDivider

Modal

  • Methods
    • async show
    • hide
    • toggle
  • Properties
    • same as Modal in bootstrap

Toast

  • Methods
  • Properties

Table

  • Methods
  • Properties

Pagination

  • Methods
  • Properties

Tooltip (directive)

Use API

  • useToaster 
    const toaster = useToaster()
toaster.toast({body:`hello world`, title: `Toast!`}, 'top left')
  • useModal 
    const modal = useModal()
const alertResponse = await modal.alert({title: 'alert', body: 'some text'})
const confirmResponse = await modal.confirm({title: 'confirm', body: 'some text'})