Input Block

Display a single input component (eg. InputField, Select) with a label and an optional hint. Set an id to link the label to the input element. Provide a validation message which gets displayed when the wrapped input component is invalid. An optional marker is displayed when the enclosed input component has no required attribute.

'id' => false,
'label' => 'Label',
'hint' => false,
'validationMessage' => false,

Wählen sie irgend einen Namen

true

Wählen sie irgend einen Namen

Bitte geben sie ein Alias ein

<x-inputBlock label="Alias" validation-message="true" hint="Wählen sie irgend einen Namen" id="sample-inputblock">
    <x-inputField size="lg" />
</x-inputBlock>
<x-inputBlock label="Alias" validation-message="Bitte geben sie ein Alias ein" hint="foo" id="sample-inputblock">
    <x-inputField size="lg" invalid required />
</x-inputBlock>

true

<x-inputBlock label="Währung" validation-message="true" id="sample-inputblock">
    <x-select>
        <option>Euro</option>
        <option>Dollar</option>
        <option>Yen</option>
    </x-select>
</x-inputBlock>