zero-to-prod / blade-components
Blade components for the Laravel Framework
Fund package maintenance!
ZeroToProd
Requires
- php: ^8.1
- gajus/dindent: ^2.0
- illuminate/contracts: ^9.44
- spatie/laravel-package-tools: ^1.13
Requires (Dev)
- nunomaduro/collision: ^6.1
- orchestra/testbench: ^7.15
- pestphp/pest: ^1.21
- pestphp/pest-plugin-laravel: ^1.1
- phpunit/phpunit: ^9.5
- roave/security-advisories: dev-latest
- spatie/laravel-ray: ^1.26
README
Installation
You can install the package via composer:
composer require zero-to-prod/blade-components
You can publish the config file with:
php artisan vendor:publish --tag="blade-components-config"
This is the contents of the published config file:
return [
];
Optionally, you can publish the views using
php artisan vendor:publish --tag="blade-components-views"
Usage
Notes
Equivalent usage
<x-box hidden/> <x-box hidden="{{$hidden}}"/> <x-box hidden="1"/> <x-box :hidden="true"/> <x-box :hidden="$hidden"/>
Box
<x-box>Foo</x-box> <!-- Attributes --> <x-box hidden/> <x-box flex/>
Link
<x-link href="www.foo.com">Foo</x-link> <!-- Attributes --> <x-link hidden/> <x-link underline="none"/> <x-link underline="always"/> <x-link underline="hover"/> <!-- Equivalent to target="_blank"--> <x-link new/> <x-link disableAutoTitle/>
Container
<x-container>Foo</x-container> <!-- Attributes --> <x-container hidden/> <x-container disableGutters/> <x-container hidden/> <x-container max-width="0"/> <x-container max-width="none"/> <x-container max-width="xs"/> <x-container max-width="sm"/> <x-container max-width="md"/> <x-container max-width="lg"/> <x-container max-width="xl"/> <x-container max-width="2"/> <x-container max-width="3"/> <x-container max-width="4"/> <x-container max-width="5"/> <x-container max-width="6"/> <x-container max-width="7"/> <x-container max-width="full"/> <x-container max-width="min"/> <x-container max-width="max"/> <x-container max-width="fit"/> <x-container max-width="prose"/> <x-container max-width="screen-sm"/> <x-container max-width="screen-md"/> <x-container max-width="screen-lg"/> <x-container max-width="screen-xl"/> <x-container max-width="screen-2xl"/>
Testing
composer test
Changelog
Please see CHANGELOG for more information on what has changed recently.
Contributing
Please see CONTRIBUTING for details.
Security Vulnerabilities
Please review our security policy on how to report security vulnerabilities.
Credits
License
The MIT License (MIT). Please see License File for more information.