salahhusa9 / laravel-template-components
Laravel template components, can use with vuexy and metronic templates
Fund package maintenance!
salahhusa9
Requires
- php: ^8.1
- illuminate/contracts: ^10.0
- spatie/laravel-package-tools: ^1.14.0
Requires (Dev)
- laravel/pint: ^1.0
- nunomaduro/collision: ^7.0
- orchestra/testbench: ^8.0
- pestphp/pest: ^2.0
- pestphp/pest-plugin-arch: ^2.0
- pestphp/pest-plugin-laravel: ^2.0
- dev-main
- dev-renovate/pestphp-pest-plugin-laravel-3.x
- dev-renovate/pestphp-pest-plugin-arch-3.x
- dev-renovate/dependabot-fetch-metadata-2.x
- dev-renovate/dependabot-fetch-metadata-1.x
- dev-renovate/orchestra-testbench-9.x
- dev-renovate/major-illuminate
- dev-renovate/aglipanci-laravel-pint-action-2.x
- dev-renovate/nunomaduro-collision-8.x
- dev-renovate/actions-checkout-4.x
- dev-dependabot/github_actions/stefanzweifel/git-auto-commit-action-5
- dev-renovate/stefanzweifel-git-auto-commit-action-5.x
- dev-dependabot/github_actions/actions/checkout-4
- dev-component/card
- dev-component/form
- dev-component/textarea
- dev-component/select
- dev-salahhusa9-patch-1
- dev-start-components
This package is auto-updated.
Last update: 2024-11-09 09:15:05 UTC
README
This package is a collection of components that can be used with vuexy and metronic templates, and it can be used with any other template by changing the config file.
Installation
You can install the package via composer:
composer require salahhusa9/laravel-template-components
You can publish the config file with:
php artisan laravel-template-components:install
Usage
Input Component
<x-template-components::input />
He accept all normal attributes of input tag and add some new attributes:
- div-class: add class to div tag
- label-class: add class to label tag
- other attributes will be added to input tag
Button Component
<x-template-components::button />
He accept all normal attributes of button tag and add some new attributes:
- div-class: add class to div tag
- span-text-class: add class to span tag that contain button text
- indicator-progress-class: add class to span tag that contain button progress indicator
- loading-text: text that will be shown when button is loading
- spinner-class: add class to span tag that contain button spinner
- other attributes will be added to button tag
we support livewire loading state, so if you use livewire you can use loading state like this:
<x-template-components::button wire:target="save" />
Select Component
<x-template-components::select> <option value="1">option 1</option> <option value="2">option 2</option> </x-template-components::select>
He accept all normal attributes of select tag and add some new attributes:
- div-class: add class to div tag
- label-class: add class to label tag
- other attributes will be added to select tag
Textarea Component
<x-template-components::textarea />
He accept all normal attributes of textarea tag and add some new attributes:
- div-class: add class to div tag
- label-class: add class to label tag
- other attributes will be added to textarea tag
Form Component
<x-template-components::form> </x-template-components::form>
he accept all normal attributes of form tag and add some new attributes:
- route: route name that will be used in form action
- other attributes will be added to form tag
Supported Templates
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.