Wire Components

The examples in the sample project illustrate a few ways in which the WireBootstrap Vue Directive can be used to render WireBootstrap components in a Vue.js application.

The first example in the sample project uses an HTML table element to render a Bootstrap Table using the WireBootstrap Vue Directive.

 <div class="col-md-6">
    <div class="card border-secondary mb-3">
        <div class="card-header">Bootstrap Table</div>
        <div class="card-body text-secondary">
        
            <!-- Bootstrap table bound to an HTML table via the WireBootstrap Vue Directive  -->
            <table wire-component="wire.bsTable" v-wire-config="configTable" 
                class="table table-hover table-striped"></table>            
                
         </div>
    </div>
</div>