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