guszandy / laravel-tabler
Laravel Package for integrating Tabler template and this package is Laravel Mix friendly.
Installs: 971
Dependents: 0
Suggesters: 0
Security: 0
Stars: 24
Watchers: 4
Forks: 8
Open Issues: 4
Language:HTML
Type:package
Requires
- php: >=7.0.0
- laravel/framework: ^5.5
This package is auto-updated.
Last update: 2024-10-30 02:21:31 UTC
README
Laravel 5.5, 5.6, and 5.7 Package for integrating Tabler template and this package is Laravel Mix friendly. Currently this package can be integrated easily only on fresh installation.
[New] for Tabler with Bootstrap 4 use this package, HERE
Installation
composer require guszandy/laravel-tabler
If you are using Laravel 5.5 above skip this step, but if aren't then add this line on config/app.php
, on providers
'providers' => [ ... GusZandy\Tabler\Providers\AppServiceProvider::class, ... ]
And then run,
php artisan make:tabler
Let's see what we've install. First, make sure that you already ran php artisan migrate
command, then do
php artisan serve
Viola! You've running a Laravel site using Tabler.
Configuration and Views Customization
Config
To publish this package config to your app config run
php artisan vendor:publish --provider="GusZandy\Tabler\Providers\AppServiceProvider" --tag="config"
Views
To publish this package views so you can customize on your own run
php artisan vendor:publish --provider="GusZandy\Tabler\Providers\AppServiceProvider" --tag="views"
Next Step
First of all, you should understand how to use Laravel Mix and install latest laravel-mix.
Tabler need some package on npm. First you need to run
npm install
Install Tabler needed package from npm
npm install --save-dev bootstrap bootstrap-sass popper.js chart.js d3 font-awesome jquery-circle-progress jvectormap moment requirejs select2 select2-bootstrap-theme selectize sparkline tabler-ui tablesorter bootstrap-datepicker eonasdan-bootstrap-datetimepicker
Run Laravel Mix command
npm run development
or use production
minimize output
npm run production
Then have a good look on these files
webpack.mix.js
resources/assets/js/tabler.js
resources/assets/sass/tabler.scss
Happy experimenting!