kluseg / laravel-bootstrap-select
Set of selects utilizing bootstrap's 4 dropdowns paired with Laravel components
Installs: 8
Dependents: 0
Suggesters: 0
Security: 0
Stars: 0
Watchers: 1
Forks: 0
Open Issues: 0
Language:JavaScript
Requires
Requires (Dev)
- mockery/mockery: ^1.1
- orchestra/testbench: ~3.0
- phpunit/phpunit: ~7.0
- sempro/phpunit-pretty-print: ^1.0
This package is auto-updated.
Last update: 2024-12-16 05:46:46 UTC
README
This is where your description should go. Take a look at contributing.md to see a to do list.
Installation
Via Composer
$ composer require kluseg/laravel-bootstrap-select
Usage
$ php artisan vendor:publish --tag=laravel-bootstrap-select-assets
In webpack.mix.js
mix.js('resources/assets/vendor/kluseg/js/multiple-select.js', 'public/js') .sass('resources/assets/vendor/kluseg/sass/multiple-select.scss', 'public/css')
In your views
<div class="form-group">
<label>I am multiple select!</label>
@component('bs::multiple-select-sync', [
'sm' => true,
'model' => null,
'items' => [
[
'name' => 'input_name_1',
'value' => 'input_value_1',
'label' => 'Label 1'
],
[
'name' => 'input_name_2',
'value' => 'input_value_2',
'label' => 'Label 2'
]
]
])
Please select one
@endcomponent
</div>
<div class="form-group">
<label>I am single select!</label>
@component('bs::multiple-select-sync', [
'sm' => true,
'model' => null,
'items' => [
[
'group' => 'first_group',
'label' => 'I am single select!',
'unique' => true,
'items' => [
[
'name' => 'input_name_1',
'value' => 'input_value_1',
'label' => 'Label 1'
],
[
'name' => 'input_name_2',
'value' => 'input_value_2',
'label' => 'Label 2'
]
]
],
]
])
Please select one
@endcomponent
</div>
<div class="form-group">
<label>I am everything-in-one select!</label>
@component('bs::multiple-select-sync', [
'items' => [
[
'group' => 'first_group',
'label' => 'I am unique group!',
'unique' => true,
'items' => [
[
'name' => 'input_name_1',
'value' => 'input_value_1',
'label' => 'Label 1'
],
[
'name' => 'input_name_2',
'value' => 'input_value_2',
'label' => 'Label 2'
]
]
],
[
'group' => 'second_group',
'label' => 'I am not an unique group!',
'unique' => false,
'items' => [
[
'name' => 'input_name_1',
'value' => 'input_value_1',
'label' => 'Label 1'
],
[
'name' => 'input_name_2',
'value' => 'input_value_2',
'label' => 'Label 2'
]
]
],
]
])
Please select one
@endcomponent
</div>
Change log
Please see the changelog for more information on what has changed recently.
Testing
$ composer test
Contributing
Please see contributing.md for details and a todolist.
Security
If you discover any security related issues, please email author email instead of using the issue tracker.
Credits
License
license. Please see the license file for more information.