VVibeFlui

Form Modes

form.mode controls the surface used for create and edit forms.

TS
form: {
  mode: "modal",
  width: "xl"
}

Modal forms render in FluiKitModal. This is the default form mode.

Drawer

TS
form: {
  mode: "drawer",
  width: "lg"
}

Drawer forms render in FluiKitDrawer.

Page

TS
form: {
  mode: "page",
  width: "5xl"
}

Page forms render as a page-like panel inside the VibeFlui surface. When a page form is active, the table and dashboard are hidden so the user can focus on the form.

Inline

TS
form: {
  mode: "inline",
  width: "3xl"
}

Inline forms render below the table area without opening a modal or drawer.

View mode

Detail and read-only surfaces use view mode. In view mode:

  • submit and cancel controls are hidden
  • fields render read-only or disabled
  • field values are mapped from the row

Readonly root UI mode

When the root schema has uiMode: "readonly", create, edit, delete, row, bulk, and toolbar actions are disabled by normalization. Forms are not opened from those actions.