| 1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465 |
- {{-- Setup the input group component structure --}}
- <div class="{{ $makeFormGroupClass() }}">
- {{-- Input label --}}
- @isset($label)
- <label for="{{ $id }}" @isset($labelClass) class="{{ $labelClass }}" @endisset>
- {{ $label }}
- </label>
- @endisset
- {{-- Input group --}}
- <div class="{{ $makeInputGroupClass() }}">
- {{-- Input prepend slot --}}
- @isset($prependSlot)
- <div class="input-group-prepend">{{ $prependSlot }}</div>
- @endisset
- {{-- Input group item --}}
- @yield('input_group_item')
- {{-- Input append slot --}}
- @isset($appendSlot)
- <div class="input-group-append">{{ $appendSlot }}</div>
- @endisset
- </div>
- {{-- Error feedback --}}
- @if($isInvalid())
- <span class="invalid-feedback d-block" role="alert">
- <strong>{{ $errors->first($errorKey) }}</strong>
- </span>
- @endif
- {{-- Bottom slot --}}
- @isset($bottomSlot)
- {{ $bottomSlot }}
- @endisset
- </div>
- {{-- Extra style customization for invalid input groups --}}
- @once
- @push('css')
- <style type="text/css">
- {{-- Highlight invalid input groups with a box-shadow --}}
- .adminlte-invalid-igroup {
- box-shadow: 0 .25rem 0.5rem rgba(0,0,0,.1);
- }
- {{-- Setup a red border on elements inside prepend/append add-ons --}}
- .adminlte-invalid-igroup > .input-group-prepend > *,
- .adminlte-invalid-igroup > .input-group-append > * {
- border-color: #dc3545 !important;
- }
- </style>
- @endpush
- @endonce
|