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