Feedback

Feedback is the UI response VibeFlui shows after data loading, form submission, row actions, bulk actions, toolbar actions, and custom action handlers.

VibeFlui has two feedback layers:

• Operation feedback, rendered by FluiKitFeedback after mutations and actions.
• Table state feedback, rendered by FluiKitTable for loading, empty, and load-error states.

Defaults

Basic schema

export const usersSchema = {
  resource: "users",
  endpoint: "/api/users",
  identity: {
    key: "id",
    param: "id"
  },
  feedback: {
    enabled: true,
    mode: "modal",
    icons: {
      success: "lucide:circle-check",
      error: "lucide:circle-x",
      warning: "lucide:triangle-alert"
    }
  },
  messages: {
    sourcePriority: ["backend", "schema", "resolver", "default"],
    defaults: {
      createSuccess: "User created successfully.",
      updateSuccess: "User updated successfully.",
      deleteSuccess: "User deleted successfully."
    }
  }
} as const;

Backend-style response

{
  "status": true,
  "code": 200,
  "message": "User updated successfully",
  "data": {
    "id": "usr_001"
  }
}

VibeFlui reads status, code, and message from the response object. It also understands nested response shapes such as { data: { status, code, message } } and common HTTP-client errors with error.response.data.

Feedback status

FluiKitFeedback renders only success, warning, or error. Backend/action responses can use boolean status, recognized string status, or code-only fallback.

Subpages

• Response Contract
• Feedback Modes
• Status Resolution
• Message Resolution
• Table States
• Form Submit Feedback
• Action Feedback
• Custom Icons And Classname
• Disable Feedback