README
Design System
A place to develop React components in a sandboxed environment.
Docs
Getting Started
Install all dependencies with npm install
and run our Storybook on a local server with npm start
.
It's recommended you run the Jest tests in the background while developing with npm test --watch
.
Dependencies
The design system has a dependency on globalThis so if you are using the design system you need to either install a npm package like globalthis. Or if you have access to core-js in your project you can solve the dependency like this:
import 'core-js/features/global-this'
In your app entry where you would normally apply other polyfills.
Z-Indices
This project includes several components that have to work even when they are layered on top of each other. To not mess up the order in which they should appear on screen, let's collect all relevant values for z-index
here.
Component | z-index |
---|---|
Header (in website ) |
50 |
Cookie Banner (in website ) |
900 |
Notification | ??? |
Modal | 500 |