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>