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/styles.css`;

Framework/Bundler specific notes