1.0.0 • Published 24 days ago

@bigcommerce/big-design v1.0.0

Weekly downloads
552
License
(MIT AND CC-BY-3....
Repository
github
Last release
24 days ago

BigDesign npm version CircleCI

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>
1.0.0

24 days ago

0.39.1

1 month ago

0.39.0

1 month ago

0.38.2

4 months ago

0.38.1

4 months ago

0.38.0

7 months ago

0.37.0

10 months ago

0.36.2

11 months ago

0.36.1

11 months ago

0.36.0

1 year ago

0.35.0

1 year ago

0.34.3

2 years ago

0.34.2

2 years ago

0.34.1

2 years ago

0.34.0

2 years ago

0.33.1

2 years ago

0.33.0

2 years ago

0.32.1

2 years ago

0.32.0

2 years ago

0.31.1

2 years ago

0.32.2-alpha.0

2 years ago

0.31.0

2 years ago

0.30.3-alpha.2

2 years ago

0.30.3-alpha.1

2 years ago

0.30.3-alpha.0

3 years ago

0.30.2

3 years ago

0.30.1

3 years ago

0.30.0

3 years ago

0.30.0-alpha.4

3 years ago

0.30.0-alpha.3

3 years ago

0.30.0-alpha.2

3 years ago

0.30.0-alpha.1

3 years ago

0.30.0-alpha.0

3 years ago

0.29.2

3 years ago

0.29.1

3 years ago

0.29.0

3 years ago

0.28.0

3 years ago

0.27.0

3 years ago

0.26.2

3 years ago

0.26.1

3 years ago

0.26.0

3 years ago

0.26.0-alpha.1

3 years ago

0.26.0-alpha.0

3 years ago

0.25.0

3 years ago

0.24.0

4 years ago

0.23.8

4 years ago

0.23.7

4 years ago

0.23.6

4 years ago

0.23.5

4 years ago

0.23.4

4 years ago

0.23.3

4 years ago

0.23.2

4 years ago

0.23.1

4 years ago

0.23.0

4 years ago

0.22.0

4 years ago

0.21.2

4 years ago

0.21.0

4 years ago

0.21.1

4 years ago

0.20.0

4 years ago

0.19.2

4 years ago

0.19.1

4 years ago

0.19.0

4 years ago

0.18.0

4 years ago

0.17.2

4 years ago

0.17.1

4 years ago

0.17.0

4 years ago

0.16.0

4 years ago

0.15.0

4 years ago

0.14.0

4 years ago

0.13.2

4 years ago

0.13.1

4 years ago

0.13.0

5 years ago

0.12.0

5 years ago

0.11.1

5 years ago

0.11.0

5 years ago

0.10.0

5 years ago

0.9.0

5 years ago

0.8.0

5 years ago

0.7.1

5 years ago

0.7.0

5 years ago

0.6.4

5 years ago

0.6.3

5 years ago

0.6.2

5 years ago

0.6.1

5 years ago

0.6.0

5 years ago