You've already forked Atomcms-edit
root
18 lines
1.0 KiB
PHP
Executable File
18 lines
1.0 KiB
PHP
Executable File
@props(['errorBag' => '', 'classes' => '', 'name', 'type' => 'text', 'value' => '', 'placeholder' => '', 'required' => true, 'autofocus' => false, 'readonly' => false])
|
|
|
|
<input
|
|
class="{{ $classes }} focus:ring-0 border-2 rounded w-full -sm @error($name, $errorBag) border-red-600 ring-red-500 @enderror"
|
|
style="background-color: var(--color-background); color: var(--color-text); border-color: var(--input-border-color, var(--color-text-muted)); --tw-ring-color: var(--color-primary); --tw-border-opacity: 1; border-color: var(--color-primary);"
|
|
id="{{ $name }}" type="{{ $type }}" name="{{ $name }}" value="{{ $value }}"
|
|
autocomplete="{{ $name }}" placeholder="{{ $placeholder }}" @if ($readonly) required @endif
|
|
@if ($autofocus) autofocus="{{ $name }}" @endif
|
|
@if ($readonly) readonly @endif
|
|
onfocus="this.style.borderColor='var(--color-primary)'"
|
|
onblur="this.style.borderColor='var(--input-border-color, var(--color-text-muted))'">
|
|
|
|
@error($name, $errorBag)
|
|
<p class="mt-1 text-xs italic" style="color: #ef4444;">
|
|
{{ $message }}
|
|
</p>
|
|
@enderror
|