README.md

`@guardian/source`

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

$ pnpm add @guardian/source

or

$ yarn add @guardian/source

or

$ npm install @guardian/source

Note

Use of the React components will require @emotion/react

Full documentation is available in the Source storybook.

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

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

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

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

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