Remove pattern

Removal is a non-destructive action. A user can remove an asset from a list or item without destroying it.

Status:

Maintainers:

Example of a removal using a modal in context

Example of a remove pattern using a modal

Low impact

User confirmation is not required for low-impact removals because the asset is not destroyed.

High impact

Require user confirmation for high impact removals. Communicate the consequences of the removal, and let the user know if the removal is permanent.

Optionally, when the remove button is selected, change it to ‘Removing…’.

Example of a high-impact remove modal

Example of a high-impact remove modal

Example of a high-impact remove modal in its 'removing' state

Example of a high-impact remove modal following user confirmation