Form

Create a form with an optional header (title & illustration). All fields with an id inside a Form component will retain their values after page reload since every Form component uses a Memory Form component internally.

'illustration' => false,
'title' => false,
'id' => 'uid-' . uniqid(),

Konto eröffnen

 
<x-form action="#" id="sample-form" title="Konto eröffnen" illustration="tabler-user">
    <x-fieldSet>
        <x-layout.grid cols="2" class="gap-x-6">
            <x-inputBlock label="Vorname" id="sample-first-name">
                <x-inputField size="lg" required />
            </x-inputBlock>
            <x-inputBlock label="Nachname" id="sample-last-name">
                <x-inputField size="lg" required />
            </x-inputBlock>
        </x-layout.grid>
    </x-fieldSet>
</x-form>