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.


A pattern used for creating and/or updating properties. CRUD stands for Create, read, update and delete.


Short description

The purpose is to create a uniform way for the user to add both soft and hard properties.

When and how to use it

This two-step pattern is especially useful in pages where the user has to manually update values.

Option A - slide-out

  1. Step one is a white card that triggers a slide-out. Is the same behaviour for all devices.
  2. Step two is a slide-out

Option B - no slide-out

Some flows should feel extra light to go through, like there is really nothing to it, just a few small questions and you are on your way. For these simple flows we do not open up a take-over. It’s typically used for flows you go through very seldom or sometimes only once. One example can be onboarding to a product like Advisory Tool.

In these flows we only show a small indication of the length of the flow and normally only have one question per step.


Do's and don'ts

  • Don't use other colours than the specified





Related patterns & components

Page last updated


Was this helpful?