82 lines
2.9 KiB
PHP
82 lines
2.9 KiB
PHP
@include('boilerplate::load.select2')
|
|
|
|
@push('js')
|
|
<script>
|
|
$(function() {
|
|
$(".select2").select2();
|
|
});
|
|
</script>
|
|
@endpush
|
|
|
|
@component('boilerplate::card', ['color' => 'primary', 'title' => 'Select 2'])
|
|
<div class="row">
|
|
<div class="col-12">
|
|
Usage :
|
|
<pre>
|
|
@include('boilerplate::load.select2')
|
|
@push('js')
|
|
<script>
|
|
$('.select2').select2();
|
|
</script>
|
|
@endpush</pre>
|
|
</div>
|
|
<div class="col-md-6">
|
|
<div class="form-group">
|
|
<label>Minimal</label>
|
|
<select class="form-control select2" style="width: 100%;">
|
|
<option selected="selected">Alabama</option>
|
|
<option>Alaska</option>
|
|
<option>California</option>
|
|
<option>Delaware</option>
|
|
<option>Tennessee</option>
|
|
<option>Texas</option>
|
|
<option>Washington</option>
|
|
</select>
|
|
</div>
|
|
<div class="form-group">
|
|
<label>Disabled</label>
|
|
<select class="form-control select2" disabled="disabled" style="width: 100%;">
|
|
<option selected="selected">Alabama</option>
|
|
<option>Alaska</option>
|
|
<option>California</option>
|
|
<option>Delaware</option>
|
|
<option>Tennessee</option>
|
|
<option>Texas</option>
|
|
<option>Washington</option>
|
|
</select>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-6">
|
|
<div class="form-group">
|
|
<label>Multiple</label>
|
|
<select class="form-control select2" multiple="multiple" data-placeholder="Multiple select" style="width: 100%;">
|
|
<option>Alabama</option>
|
|
<option>Alaska</option>
|
|
<option>California</option>
|
|
<option selected>Delaware</option>
|
|
<option>Tennessee</option>
|
|
<option selected>Texas</option>
|
|
<option>Washington</option>
|
|
</select>
|
|
</div>
|
|
<div class="form-group">
|
|
<label>Disabled Result</label>
|
|
<select class="form-control select2" style="width: 100%;">
|
|
<option selected="selected">Alabama</option>
|
|
<option>Alaska</option>
|
|
<option disabled="disabled">California (disabled)</option>
|
|
<option>Delaware</option>
|
|
<option>Tennessee</option>
|
|
<option>Texas</option>
|
|
<option>Washington</option>
|
|
</select>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
@slot('footer')
|
|
<div class="small text-muted text-right">
|
|
<a href="https://select2.github.io/">select2</a>
|
|
</div>
|
|
@endslot
|
|
@endcomponent
|