@bigcommerce/big-design
    TypeScript icon, indicating that this package has built-in type declarations

    0.30.2 • 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 yarn:

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

    Keywords

    none

    Install

    npm i @bigcommerce/big-design

    DownloadsWeekly Downloads

    338

    Version

    0.30.2

    License

    SEE LICENSE IN LICENSE.md

    Unpacked Size

    1.44 MB

    Total Files

    1237

    Last publish

    Collaborators

    • cilo
    • jorgemoya
    • bcnpmuser
    • icatalina
    • chris.boulton
    • bcandreik
    • davidchin
    • mattolson
    • pascal.zajac
    • amckemie
    • deini
    • chanceaclark
    • jairobc
    • jmwiese
    • pachanady
    • bc-jz