Skip to content

DeleteButton

Lets the user delete the current record.

import { DeleteButton, Edit } from '@/components/admin';
const PostEdit = () => (
<Edit actions={<DeleteButton />}>
...
</Edit>
);

It reads the resource from ResourceContext and record from RecordContext.

PropRequiredTypeDefaultDescription
classNameOptionalstringdestructive stylesAdditional classes
labelOptionalstringi18n computedi18n key / custom label (includes record name)
mutationOptionsOptionalUseDeleteOptions-Mutation options (onSuccess, etc.)
redirectOptionalRedirectionSideEffectlistWhere to redirect after delete
sizeOptional"default" | "sm" | "lg" | "icon"-Size variant
successMessageOptionalstring-Custom success i18n key
variantOptional"default" | "destructive" | "outline" | "secondary" | "ghost" | "link"outlineButton style