templating/templates/components/input.html
2025-09-29 23:53:04 +02:00

20 lines
632 B
HTML

<fieldset class="fieldset" id="{{ .ID }}">
<legend class="fieldset-legend">{{ .Legend }}</legend>
<input
type="{{ .Type }}"
class="input {{ .InputClass }}"
placeholder="{{ .Placeholder }}"
name="{{ .Name }}"
value="{{ .Value }}"
hx-post="{{ .Endpoint }}"
hx-trigger="{{ .Trigger }}"
hx-target="#{{ .ID }}"
hx-swap="outerHTML"
x-data
@input="$el.classList.remove('input-error', 'text-error'); $el.nextElementSibling.textContent = ''"
/>
<p class="label min-h-[1.2rem] {{ .InputClass }}">
{{ .Hint }}
</p>
</fieldset>