1. First
  2. Second
  3. Third

Getting Started

Installation via Composer

Install Tailwind and FontAwesome, then the package via composer.

npm install tailwindcss @tailwindcss/vite
npm install @fortawesome/fontawesome-free
composer require andach/laravel-view-components
php artisan view-components:install
php artisan vendor:publish --tag=view-components-assets

You can (optionally) publish the config files and the views if you need to customise them.

php artisan vendor:publish --tag=view-components-config
php artisan vendor:publish --tag=view-components-views

Then update your /resources/css/app.css to include:

@import 'tailwindcss';
@import '@fortawesome/fontawesome-free/css/all.css';

@source '../../vendor/andach/laravel-view-components/src/Components/*.php';
@source '../../vendor/andach/laravel-view-components/resources/views/**/*.blade.php';
@source '../../vendor/andach/laravel-view-components/config/view-components.php';
@source '../../config/view-components.php';

Then you're done!