Installation!
Welcome, Thank you for trying this package! It's save your time on UI developing and I will make sure it meets your need. This package can be used on a new or existing Laravel project.
But, the Tailwind CSS and the Alpine JS must be installed and configured. Because this package does not cover the installation process of these packages
Install required packages
TailwindCss
v2.0.1
AlpineJS
v2.7.3
Install BladeTail-UI package via the composer!
composer require devaweb/bladetailui
Or, Get it from Github - Click here!
Publish the Assets!
After installing the package you need to publish the package assets like config and CSS stylesheet! Run this following command to publish the assets!
php artisan vendor:publish --tag=btui
btui.css
This is the complete set of styles for this package. You should link this file in your main layout under the < head > tag.
<link rel="stylesheet" href=" { { asset("css/btui.css") } }" />
Font awesome 4 icons!
we use font-awesome 4 icons in this package like alert. so, you should link font-awesome in your main layout!
If you want to use font-awesome 5 or newer, Installed that with their instructions. Then, edit the FormTypes option in the btui.php config file.
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" />
Update Package!
Every new version maybe has new styles and configurations. So, When you are updating this package, you should re-publish the assets with the --tag=btui-update and the --force option. Only then new styles are apply!
php artisan vendor:publish --tag=btui-update --force
Now! You ready to use the UI components!
Let's start to build a beautiful design!