Create, read, update and delete (CRUD)

A pattern used for creating and/or updating properties.

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.


A white card triggers a slide-out. Is the same behaviour for all devices.

Step 1 - white card

Step 2 - slide-out


Do's and don'ts

  • Don't use other colours than the specified