Development guide

Layout columns <x-layout-columns>

Properties

Property Attribute Type Default Description
columnStart column-start string '' slot van de eerste kolom
columnEnd column-end string '' slot van de tweede kolom
formAction form-action string '' Url van het formulier
hideErrors hide-errors boolean false Het laten zien van errors of niet

Voorbeeldcode:

<x-layout-columns form-action="#" :hide-errors="true">
        <x-slot:column-start>
            <h1 class="title title--h1">Voorbeeld titel</h1>

            <p>
                Vul hiernaast je e-mailadres in. Op dit e-mailadres ontvang je een bericht
            </p>
        </x-slot:column-start>

        <x-slot:column-end>
            <div class="form-group form-control-inline mt-0">
                <label class="control-label required" for="email">Jouw e-mailadres</label>
                <input class="form-control-inline__input js-validity-selector js-email-instant-validation"
                       placeholder="E-mailadres" required="required" name="email" type="email" id="email"
                >
            </div>

            @include('agb-code-request.includes.errors')

            <div class="error-msg js-email-validation-warning" hidden>
                <i class="fa fa-exclamation-triangle" aria-hidden="true"></i> Vul a.u.b. een geldig e-mailadres in.
            </div>
        </x-slot:column-end>
</x-layout-columns>

Voorbeeld titel

Vul hiernaast je e-mailadres in. Op dit e-mailadres ontvang je een bericht