VVibeFlui

Feedback Modes

feedback.mode controls where operation feedback appears.

TS
export const usersSchema = {
  resource: "users",
  feedback: {
    enabled: true,
    mode: "modal"
  }
} as const;

"modal" is the default.

Modal feedback appears in a centered FluiKitModal, hides the modal header, shows a large status icon, displays a title, displays the resolved message, and includes an OK button that closes the feedback.

TS
feedback: {
  mode: "modal"
}

Use modal feedback when the operation is important enough to interrupt the current workflow.

Inline mode

Inline feedback appears above the table area inside the current VibeFlui surface.

TS
feedback: {
  mode: "inline"
}

Inline feedback uses:

  • role="status" for success and warning.
  • role="alert" for error.
  • A close button when VibeFlui passes an onClose handler.

Use inline feedback when users are doing repeated actions and should not leave the table context.

Switching modes per schema

TS
export const auditLogSchema = {
  resource: "auditLogs",
  feedback: {
    mode: "inline"
  }
} as const;

export const billingSchema = {
  resource: "billing",
  feedback: {
    mode: "modal"
  }
} as const;

What feedback mode does not change

The mode only changes presentation. It does not change status resolution, message resolution, action execution, table refresh, or emitted events.