Using a Backlight design system in your app

INFO

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

Install your design system

Add the design system as a new dependency to your application.

npm

npm i @backlight-dev/john.design-system

yarn

yarn add @backlight-dev/john.design-system

Use your design system

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

import Button from `@backlight-dev/john.design-system/button`;

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/john.design-system/style.css`;

Framework/Bundler specific notes