@britannica/ui

Consumer style system and React component library

Storybook: https://britannica.github.io/consumer-ui

Installation and Basic Usage

npm install @britannica/ui

Include the CSS

Via JavaScript:

1// Your app's main application file. e.g. index.js or App.js
2import '@britannica/ui/dist/britannica-ui.css';

Via CSS:

1@import '~@britannica/ui/dist/britannica-ui.css';

Via HTML:

1<!-- You can specify a specific version -->
2<link href="https://unpkg.com/@britannica/ui@0.2.5/dist/britannica-ui.css" rel="stylesheet" />
3
4<!-- Or if you always want the latest -->
5<link href="https://unpkg.com/@britannica/ui@latest/dist/britannica-ui.css" rel="stylesheet" />

Note: More documentation is on the way, but for now we recommend looking at a couple different places for relevant style information:

• CSS Variables
• Utility Classes

Import a component

1import { Button } from '@britannica/ui';
2
3const MyComponent = () => <Button label="Enable Bat-Signal">Enable Bat-Signal</Button>;

Note: More documentation is on the way, but for now we recommend looking at the propTypes within each of the components to see which components exist as well as which props they accept.

testing