54 lines
1.6 KiB
PHP
54 lines
1.6 KiB
PHP
|
<?php
|
||
|
|
|
||
|
|
namespace App\View\Form;
|
||
|
|
|
||
|
|
use App\View\Traits\HasFormDimensions;
|
||
|
|
use Illuminate\View\Component;
|
||
|
|
|
||
|
|
class Text extends Component
|
||
|
|
{
|
||
|
|
|
||
|
|
use HasFormDimensions;
|
||
|
|
|
||
|
|
public string $id;
|
||
|
|
|
||
|
|
public function __construct(
|
||
|
|
public string $name,
|
||
|
|
public string $size = 'default',
|
||
|
|
public ?string $hint = null,
|
||
|
|
public bool $required = false,
|
||
|
|
public string $label = '',
|
||
|
|
public string $type = 'text'
|
||
|
|
) {
|
||
|
|
$this->id = str()->uuid()->toString();
|
||
|
|
}
|
||
|
|
|
||
|
|
public function render()
|
||
|
|
{
|
||
|
|
return <<<'HTML'
|
||
|
|
<label class="flex flex-col group {{$heightClass}}" for="{{$id}}" style="{{$heightVars}}">
|
||
|
|
@if ($label)
|
||
|
|
<x-form::label :required="$required">{{$label}}</x-form::label>
|
||
|
|
@endif
|
||
|
|
<div class="relative flex-none flex">
|
||
|
|
<input
|
||
|
|
id="{{$id}}"
|
||
|
|
type="{{$type}}"
|
||
|
|
placeholder=""
|
||
|
|
class="
|
||
|
|
w-full h-[var(--height)] border-gray-600 border-solid text-gray-300 bg-gray-700 leading-none rounded-lg
|
||
|
|
group-[.size-default]:border-2 group-[.size-sm]:border
|
||
|
|
group-[.size-default]:text-sm group-[.size-sm]:text-xs
|
||
|
|
group-[.size-default]:p-2 group-[.size-sm]:p-1
|
||
|
|
"
|
||
|
|
{{ $attributes }}
|
||
|
|
/>
|
||
|
|
@if($hint)
|
||
|
|
<x-form::hint>{{$hint}}</x-form::hint>
|
||
|
|
@endif
|
||
|
|
</div>
|
||
|
|
</label>
|
||
|
|
HTML;
|
||
|
|
}
|
||
|
|
}
|