Form Submit Feedback

Create and update forms show feedback after submission.

Create success

import { createRegistry } from "@vibeflui/core";

export const registry = createRegistry({
  actionHandlers: {
    "users.create": async ({ values }) => ({
      status: true,
      code: 200,
      message: `${String(values?.name ?? "User")} created successfully.`,
      data: values
    })
  }
});

export const usersSchema = {
  resource: "users",
  actions: {
    create: {
      enabled: true,
      label: "Create user",
      handler: "users.create"
    }
  },
  registry: {
    actionHandlers: ["users.create"]
  }
} as const;

Warning response

JSON

{
  "status": false,
  "code": 422,
  "message": "Email is already registered."
}

For create/update forms, warning and error feedback prevent VibeFlui from closing the form as a success flow.

Error response

JSON

{
  "status": false,
  "code": 500,
  "message": "Unable to save the user."
}

Caught submit errors use error feedback.

Success flow

After a successful create or update:

VibeFlui resolves success feedback.
VibeFlui emits success events and runs after hooks.
VibeFlui shows feedback.
The form surface closes.
The list reloads when the schema uses a provider-backed list.

Failure flow

After a warning or error response:

VibeFlui shows warning or error feedback.
VibeFlui emits formSubmitFailed.
The form does not run the success close/reload path.