Since all components have been created in the Template Engine Blade, it is no longer necessary to edit completly HTML of component of Bootstrap. This saves a lot of time in development. If you still want to change the component, you only have to do this in one file and not in the whole project. All changes are automatically transferred throughout the project. Bootstrap updates will no longer be a problem for you. All new features are automatically updated. You just have to install the latest version of Lbc and your project is up to date.
Convince yourself and look here: Examples
<x-input :group="[ 'class' => 'mb-3', ]" name="email" type="email" placeholder="default" help="Input information text." required :label="[ 'class' => 'custom-label-class', 'text' => 'Email Address', ]" :grid="['col-sm-3', 'col-sm-9']" />=
<div class="mb-3 row"> <label class="form-label col-sm-3" for="input-email"> Email Address </label> <div class="col-sm-9"> <input class="form-control is-valid" type="email" name="email" placeholder="default" required="required" id="input-email"> <small id="help-email" class="form-text"> Input information text. </small> // The server validation of Laravel is integrated // in the components with the standard bootstrap markup: <div class="valid-feedback"> Looks good! </div> </div> </div>
Compatible with Laravel 5.5 - 8.x
app/Lbc
and resources/views/lbc
.
composer require intervention/image composer require jenssegers/agent npm i bootstrap@5.2.0-beta1 npm i popper.js npm i vanilla-lazyload npm i prismjs
resources/sass/app.scss
.
// Lbc only @import '../views/lbc/assets/sass/app'; // Lbc with theme liara (if you activate theme liara) // @import '../views/lbc/assets/sass/app-with-theme-liara';
resources/js/app.js
.
// Lbc only require('../views/lbc/assets/js/app') // Lbc with theme liara (if you activate theme liara) // require('../views/lbc/assets/js/app-with-theme-liara')
routes/web.php
.
// Lbc basics App\Lbc\LaravelBootstrapComponents::init(); // abc.com/lbc if you want to have the docs for it App\Lbc\LaravelBootstrapComponents::initDocs(); // Lbc theme liara (abc.com/liara) // App\Lbc\LaravelBootstrapComponents::initThemeLiara();
npm run production
and finish