Skip to content

Dev Setup

Get set up using Nebula in your app.

Installation

Start by making sure you have an npm token from the @ovotech npm org.

Or if you prefer:

You'll also need to ensure the following peerDependencies are installed:

  • react
  • styled-components

Theming

Nebula uses styled-components (opens in new window)  and it is necessary to provide a theme which you can import from @ovotech/nebula.

This can be done using styled-component's <ThemeProvider> at the root of the app.

See Theming for more information.

Using the components

CSS Reset

The design system components rely on global styles to provide a CSS reset (opens in new window) 

We export one of these which uses sensible defaults and can be found here: