Introductie

Tulip Inline is de module voor inline bewerken van waarden in detailpagina's en inline datatabellen.

Je combineert drie bouwstenen:

• Inline input component (InlineStringInput, InlineSelect, InlineEditor, ...)
• Mutation contract (mutationOptions() + optioneel variables mapper)
• Update strategie (strategy met validators)

Entry points

Gebruik de module via:

import {
  InlineProvider,
  InlineField,
  InlineFieldLabel,
  InlineFieldError,
  InlineTableCell,
  InlineTableCellError,
  InlineStringInput,
} from "@tulip-systems/core/inline-edit/client";

Wanneer gebruik je wat?

• Detail/form UI: InlineField + InlineFieldError
• Inline table cell: InlineTableCell + InlineTableCellError

Belangrijk: gebruik in tabellen geen block-level field errors onder de input. Dat verschuift rijhoogtes en maakt de tabel onrustig. Daarom bestaat InlineTableCellError als overlay (popover/tooltip stijl).

Kernprincipes

• Inline componenten zijn typed via schema + mutation variables
• Valideren gebeurt via strategy.validators
• Shared permission/disabled gedrag komt uit InlineProvider
• Status en foutstate worden lokaal per field/cell beheerd

Volgende stap