Consumer style system and React component library
Storybook: https://britannica.github.io/consumer-ui
npm install @britannica/ui
Via JavaScript:
// Your app's main application file. e.g. index.js or App.js
import '@britannica/ui/dist/britannica-ui.css';
Via CSS:
@import '~@britannica/ui/dist/britannica-ui.css';
Via HTML:
<!-- You can specify a specific version -->
<link href="https://unpkg.com/@britannica/ui@0.2.5/dist/britannica-ui.css" rel="stylesheet" />
<!-- Or if you always want the latest -->
<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:
import { Button } from '@britannica/ui';
const 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