@bigcommerce/big-design

1.0.0 • Public • Published

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>

Readme

Keywords

none

Package Sidebar

Install

npm i @bigcommerce/big-design

Weekly Downloads

1,156

Version

1.0.0

License

(MIT AND CC-BY-3.0)

Unpacked Size

1.55 MB

Total Files

1509

Last publish

Collaborators

  • erik.christensen
  • leebigcommerce
  • toma-r
  • cilo
  • jorgemoya
  • bcnpmuser
  • icatalina
  • chris.boulton
  • bcandreik
  • davidchin
  • pascal.zajac
  • deini
  • chanceaclark
  • jairobc
  • jmwiese