Inline
Strategies en validatie
Hoe blur/change strategieen werken en hoe je validators correct inzet.
Elke inline input vereist een strategy.
Strategy modes
mode: "blur"
- Update pas bij blur
- Beste keuze voor de meeste tekstvelden
strategy={{
mode: "blur",
validators: { onBlur: z.string().nullable() },
}}mode: "change"
- Update op change
- Optionele
delayvoor debounce - Geschikt voor editor/autosave use-cases
strategy={{
mode: "change",
delay: 700,
validators: { onChange: z.any() },
}}Typing tip
Validator moet passen bij de input-parser van de component.
Bijvoorbeeld:
InlineStringInput-> string schemaInlineDecimalInput-> string schemaInlineNumberInput-> number schema
Fout voorbeeld (type mismatch):
// InlineStringInput + number validator = fout
validators: { onBlur: z.number().nullable() }Error gedrag
- Validatiefouten zetten inline status naar
error - Bij success wordt error gewist en status reset
- Render de fout via:
InlineFieldErrorin forms/detailInlineTableCellErrorin tabellen