Internet Explorer is not supported by Design Library

The last version of Internet Explorer, version 11, was released on October 17, 2013. This is a very long time ago when taking into account the rapid development of web technologies. These days it is often difficult and time consuming to get modern technologies to work well in this old browser. More and more frameworks are dropping support, and even Microsoft themselves has announced that they will fully drop support for IE in their own services in 2021.

Consequently, we have decided to not include support for IE in the Design Library website.

Luckily, there are modern options in active development. Please use Firefox, Edge or Chrome instead.


When the user's action is irreversible.


When and how to use it

Use the delete-pattern when the action the user is about to do is irreversible, like "Delete account" or "Block account".

Delete components


Delete and confirm in two steps

1. Step one - Delete button link

When the user clicks on the red button link, a modal is triggered.

2. Step two - Confirm delete button

In the modal, the user can confirm the action to delete (solid red button that is the primary action) or change their mind.

1. Delete button link

1. The delete button link triggers modal

2. Confirm delete button

2. User confirms with the delete button


Delete in a dropdown

In a dropdown, we use red text for the delete option, with a red hover state + white text.

Dropdown pattern

Dropdown pattern



Slideout modal with delete

Slideout modal with delete

Delete button link

Delete button link

Confirmation dialogue

Delete confirmation dialogue


Related patterns & components

Page last updated


Was this helpful?