@bigcommerce/big-design
v1.4.2
Published
BigDesign React components.
Downloads
9,790
Maintainers
Keywords
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@5
or with pnpm
:
pnpm add @bigcommerce/big-design styled-components@5
Add 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>