PrimitivesSelect & inputField & input
Field & input
Free text entry. The bare styled input/select/textarea (asp-for) is the primitive; koala-field composes it into label + input + validation.
Bare input
asp-for (styled automatically)
Field (label + input + validation)
type="email" input-prefix="Email"
Label, prefix & inline validation
koala-label + koala-input-prefix + koala-inline-validation-for
File upload
accept=".pdf,.docx" max-size-mb="10"
Date picker
optional
Search input
submit-on-input="true" (default)
States
Default
Focus
Error
Disabled
API
for
Model expression (koala-field)label
string (koala-field)type
textemailtelnumberpassword (koala-field)placeholder
string (koala-field)autocomplete
string (koala-field)required
bool (koala-field)optional
bool (koala-field)disabled
bool (koala-field)input-prefix
NoneEmailPhoneCurrency (koala-field)inputmode
string (koala-field)min / max / maxlength
stringstringint (koala-field)helper-text
string (koala-field)koala-input-prefix
NoneEmailPhoneCurrency (raw input)koala-input-suffix
NonePercentage (raw input)koala-inline-validation-for
Model expression (wrapping div)name
string (koala-file-upload)accept
MIME list (koala-file-upload)multiple
bool (koala-file-upload)max-size-mb
int (koala-file-upload)for
Model expression (koala-date-picker)min / max
yyyy-MM-dd (koala-date-picker)for
Model expression (koala-search-input)name / value
passthrough (koala-search-input)submit-on-input
bool (koala-search-input)