Skip to content
No description, website, or topics provided.
TypeScript JavaScript
Branch: master
Clone or download
chanceaclark fix(component): add missing z-index to components (#176)
BREAKING CHANGE: `theme.zIndex` no longer has `theme.zIndex.dropdown`
Latest commit 800d2fc Aug 16, 2019

npm version CircleCI


You can find documentation and examples on our docs page.

Quick start guide

Add BigDesign and styled-components to your project using npm:

npm install @bigcommerce/big-design styled-components

or with yarn:

yarn add @bigcommerce/big-design styled-components

Import the GlobalStyles component and use it once in your app. This will set a few styles globally, including a base font family, Source Sans Pro and 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';


  <GlobalStyles />
  <Button>Click me</Button>


This is a monorepo that uses Lerna and Yarn Workspaces.

Workspaces are inside the packages directory.


As this is a monorepo, each package has it's own Changelog. Links for each can be found below


To contribute, please read our Contributing guidelines and Code of Conduct first.


Running the following commands will run big-design and docs in watch mode.

yarn run build
yarn run start

Run tests with:

yarn run test

Run linter with:

yarn run lint
You can’t perform that action at this time.