Skip to main content

    Components

    Delete Modal

    This component demonstrates three ways to use the delete confirmation dialog: 1. Direct - A delete button that opens the modal directly 2. In Sheet - A delete button inside a sheet that opens the modal 3. In Dialog - A delete button inside a dialog that opens the modal

    Delete Modal Examples

    1. Direct Usage

    Delete

    Delete Item

    Are you sure you want to delete this item? This action cannot be undone.

    2. In Sheet

    Sheet Title

    3. In Dialog

    Delete Options

    Choose how you want to delete this item:

    Delete

    Delete Item

    Are you sure you want to delete this item? This action cannot be undone.

    Pet Type
    Kg
    Delete

    Delete Item

    Are you sure you want to delete this item? This action cannot be undone.