How to use bootstrap-vue - 2 common examples

To help you get started, we’ve selected a few bootstrap-vue examples, based on popular ways it is used in public projects.

Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.

github ujjwalguptaofficial / idbstudio / src / dist / bundle.js View on Github external
___scope___.file("index.js", function(exports, require, module, __filename, __dirname){

"use strict";
// import { hello } from "./hello"; const name: string = `Mr. Mike`;
// console.log(hello(name));
Object.defineProperty(exports, "__esModule", { value: true });
var vue_1 = require("vue");
var main_vue_1 = require("./component/main.vue");
var bootstrap_vue_1 = require("bootstrap-vue");
require("bootstrap/dist/css/bootstrap.min.css");
require("bootstrap-vue/dist/bootstrap-vue.min.css");
// Configure vue setting
vue_1.default.use(bootstrap_vue_1.default);
vue_1.default.config.keyCodes.f5 = 116;
// Initiate vue app
var vue_app = new vue_1.default({
    el: '#app',
    render: function (h) { return h(main_vue_1.default); }
});
//# sourceMappingURL=index.js.map
});
___scope___.file("component/main.vue", function(exports, require, module, __filename, __dirname){
github sanjabteam / sanjab / resources / js / plugin.js View on Github external
SanjabPlugin.install = function (Vue, options) {
    Quill.register('modules/imageUpload', ImageUpload);
    Quill.register(Quill.import('attributors/class/color'), true);
    Quill.register(Quill.import('attributors/class/align'), true);
    Quill.register(Quill.import('attributors/class/size'), true);

    Vue.use(require('bootstrap-vue').default);
    Vue.use(require('vue-quill-editor').default);
    Vue.use(require('vue-datetime').default);

    Vue.prototype.sanjabTrans = sanjabTrans;
    Vue.prototype.numberFormat = numberFormat;
    Vue.prototype.$sanjabStore = store;

    Vue.component('vue-bootstrap-typeahead', require('vue-bootstrap-typeahead').default);
    Vue.component('tags-input', require('@voerro/vue-tagsinput').default);
    Vue.component('draggable', require('vuedraggable').default);

    let chartTypes = {'bar-chart': VueChartJs.Bar,'horizontal-bar-chart': VueChartJs.HorizontalBar,'doughnut-chart': VueChartJs.Doughnut,'line-chart': VueChartJs.Line,'pie-chart': VueChartJs.Pie,'polar-area-chart': VueChartJs.PolarArea,'radar-chart': VueChartJs.Radar,'bubble-chart': VueChartJs.Bubble,'scatter-chart': VueChartJs.Scatter};

    for (let i in chartTypes) {
        Vue.component(i, chartJsComponent(chartTypes[i]));
    }

bootstrap-vue

With more than 85 components, over 45 available plugins, several directives, and 1000+ icons, BootstrapVue provides one of the most comprehensive implementations of the Bootstrap v4 component and grid system available for Vue.js v2.6, complete with extens

MIT
Latest version published 2 years ago

Package Health Score

74 / 100
Full package analysis

Popular bootstrap-vue functions