Display a custom single-line input field in one of three sizes with an optional icon. Set the type attribute to number to get an custom number input. Add the invalid property to mark the input field on validation errors.
'id', // inheritable 'size' => 'md', // sm | md | lg 'icon' => false, 'invalid' => false,
<x-inputField size="sm" /> <x-inputField size="md" invalid /> <x-inputField size="lg" />
<x-inputField icon="tabler-percentage" /> <x-inputField icon="tabler-currency-euro" />
<x-inputField icon="tabler-calendar" type="date" /> <x-inputField icon="tabler-file" type="file" />
<x-inputField type="number" />