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 you can pass to the components for further configuration.
Add BigDesign and styled-components to your project:
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.
This documentation uses the React components in the BigDesign library so you can edit them and preview them in real time.