VVibeFlui

Custom Icons and Class Names

Feedback supports custom Iconify icons and a schema-level class name hook.

Custom icons

TS
export const usersSchema = {
  resource: "users",
  feedback: {
    icons: {
      success: "lucide:circle-check",
      error: "lucide:circle-x",
      warning: "lucide:triangle-alert"
    }
  }
} as const;

Icons are resolved by feedback status:

StatusDefault icon
successmdi:check-circle-outline
errormdi:alert-circle-outline
warningmdi:alert-outline

Class name hook

TS
export const usersSchema = {
  resource: "users",
  feedback: {
    mode: "inline",
    className: "rounded-lg border-2"
  }
} as const;

feedback.className is merged into both modal and inline feedback containers.

Mode-specific effect

In modal mode, the class name is applied to the modal container.

In inline mode, the class name is applied to the inline alert container.

What cannot be customized here

feedback.icons and feedback.className do not change how status or messages are resolved. Use response fields and messages for that behavior.