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:
| Status | Default icon |
|---|---|
success | mdi:check-circle-outline |
error | mdi:alert-circle-outline |
warning | mdi: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.