BigCommerce’s library of React components lets developers build stylish apps that have a native BigCommerce feel at their core. Our components implement BigDesign principles to allow you to create an empathetic and frictionless user experience. The documentation will demonstrate the visual style and behavior of each component. Each component has props that can be passed for further configuration.
Add BigDesign and styled-components to your project:
Add the font as a
<link> in your
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.
This documentation uses the React components in the BigDesign library so you can edit them and preview them in real time.