Components Buttons Delete Button

Delete Button

A button for delete actions, often styled with a danger color and icon. The Delete Button extends the Base Button and is used to trigger destructive actions. It typically displays a trash or delete icon and uses a warning color.

Usage

Directive (Preferred)
Component
<button ariaLabel="Delete item" (click)="onDelete()" deleteButton>Delete</button>

API Reference

The Delete Button extends the Base Button and overrides below properties for delete behavior. See Base Button for inherited properties.

Below are the inputs overridden by the Delete Button.

NameTypeDefaultDescription
loadingLabelstring'Deleting...'Label to show when deleting
labelstring'Delete'Button label
iconstring'delete'Material icon name to display
classesstring'delete-button'CSS classes to apply