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"
Equivalent usage
<x-box hidden/>
<x-box hidden="{{$hidden}}"/>
<x-box hidden="1"/>
<x-box :hidden="true"/>
<x-box :hidden="$hidden"/>
<x-box>Foo</x-box>
<!-- Attributes -->
<x-box hidden/>
<x-box flex/>
<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/>
<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"/>
composer test
Please see CHANGELOG for more information on what has changed recently.
Please see CONTRIBUTING for details.
Please review our security policy on how to report security vulnerabilities.
The MIT License (MIT). Please see License File for more information.