Removing pattern

This action removes an object from a list or item, but the object is not destroyed as a result of the action. Multiple objects can be removed at once.

Status:

Maintainers:

Example of a remove pattern using a modal in context

Example of a remove pattern using a modal.

Low impact

As removing does not destroy an asset, user confirmation is not required.

High impact

  • Require user confirmation

  • Text should tell the user the consequences of the removal and that the action cannot be undone.

  • Optionally, when the remove button is selected it changes to show ‘Removing…’.

Example of a high-impact remove modal

Example of high-impact remove modal.

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

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