source

@guardian/source

An NPM package containing design foundations and robust, accessible React components from the Guardian's Source Design System.

Install

$ pnpm add @guardian/source

or

$ yarn add @guardian/source

or

$ npm install @guardian/source

Note

Use of the React components will require @emotion/react

Usage

Full documentation is available in the Source storybook.

foundations

Source design foundations (e.g. colour, spacing, typography etc) can be imported from the foundations subpath:

import { palette } from '@guardian/source/foundations`

react-components

A set of robust, accessible, React components can be imported from the react-components subpath:

import { Button } from '@guardian/source/react-components`

Contributing

We welcome contributions to Source! See our contributing and Storybook docs for more info.