or run

npx @tessl/cli init
Log in

Version

Tile

Overview

Evals

Files

docs

index.md
tile.json

tessl/npm-bootstrap-vue

Minimal Vue.js plugin providing basic Bootstrap v4 integration with a few core components.

Workspace
tessl
Visibility
Public
Created
Last updated
Describes
npmpkg:npm/bootstrap-vue@2.23.x

To install, run

npx @tessl/cli install tessl/npm-bootstrap-vue@2.23.0

index.mddocs/

BootstrapVue

BootstrapVue is a Vue.js plugin that provides Bootstrap v4 integration. This is a minimal implementation providing basic plugin structure and a few core components.

Package Information

  • Package Name: bootstrap-vue
  • Package Type: npm
  • Language: JavaScript
  • Installation: npm install bootstrap-vue

Core Imports

import BootstrapVue from 'bootstrap-vue'

// Install the plugin
Vue.use(BootstrapVue)

Individual component imports:

import { BButton, BModal, BForm } from 'bootstrap-vue'

// Use components directly
Vue.component('BButton', BButton)
Vue.component('BModal', BModal)
Vue.component('BForm', BForm)

Basic Usage

import Vue from 'vue'
import BootstrapVue from 'bootstrap-vue'

Vue.use(BootstrapVue)

// Basic usage in a Vue component
new Vue({
  template: `
    <div>
      <b-button>Button</b-button>
      <b-modal>Modal content</b-modal>
      <b-form>Form content</b-form>
    </div>
  `
})

Architecture

BootstrapVue implements a simple plugin architecture:

  • Plugin System: Single main plugin with install method
  • Component Registration: Components are registered globally during plugin installation
  • Minimal API: Basic component structure without complex features

Capabilities

Main Plugin

The primary BootstrapVue plugin for Vue.js integration.

/**
 * Main BootstrapVue plugin
 */
const BootstrapVue: {
  version: string;
  install(Vue: any): void;
};

export default BootstrapVue;

Available Components

Basic component exports available in this minimal implementation.

/**
 * Button component
 */
export const BButton: Vue.Component;

/**
 * Modal component
 */
export const BModal: Vue.Component;

/**
 * Form component
 */
export const BForm: Vue.Component;

Types

interface Vue {
  component(name: string, component: any): void;
  use(plugin: any): void;
}

interface VueComponent {
  name?: string;
  template?: string;
  render?: Function;
}