Using a Backlight Design System in your app


This page will use a design system published to npm registry as @backlight-dev/ as example.

Install your Design System

Add the Design System as a new dependency to your application.


npm i @backlight-dev/


yarn add @backlight-dev/

Use your Design System

import the tokens or components you need from the appropriate package.

import Button from `@backlight-dev/`;

If you imported global styles or CSS Modules then you need to load the global styles manually in your top most component.

import `@backlight-dev/`;

Framework/Bundler specific notes