Tulip Logo IconTulip
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 delay voor 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 schema
  • InlineDecimalInput -> string schema
  • InlineNumberInput -> 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:
    • InlineFieldError in forms/detail
    • InlineTableCellError in tabellen

On this page