@bigcommerce/big-design
v1.5.0
Published
BigDesign React components.
Downloads
10,453
Maintainers
erik.christensen
leebigcommerce
toma-r
cilo
jorgemoya
bcnpmuser
icatalina
chris.boulton
bcandreik
davidchin
pascal.zajac
deini
chanceaclark
jairobc
jmwieseKeywords
Readme
BigDesign 
BigDesign React components.
Documentation
You can find documentation and examples on our docs page.
Quick start guide
Add BigDesign and styled-components@5 to your project using npm:
npm install @bigcommerce/big-design styled-components@5or with pnpm:
pnpm add @bigcommerce/big-design styled-components@5Add the font as a <link> in your index.html/<head> element.
<head>
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin="" />
<link href="https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@200;300;400;600&display=swap" rel="stylesheet" />
</head>Import the GlobalStyles component and use it once in your app. This will set a few styles globally
and add normalize.css. We recommend placing it close to
your root component. Then import any component, such as Button, to use it anywhere in your app.
import { Button, GlobalStyles } from '@bigcommerce/big-design';
// ...
<App>
<GlobalStyles />
<Button>Click me</Button>
</App>