Components

Explore Matchbox's React component library


First install the component library with NPM. Our components are styled with javascript via styled-components, install this too.

npm install @sparkpost/matchbox @sparkpost/matchbox-icons styled-components --save

Optionally, if you plan on styling with Matchbox, install our design token library.

npm install @sparkpost/design-tokens --save

Wrap your React app with our ThemeProvider component:

import { ThemeProvider } from '@sparkpost/matchbox';
function App(props) {
return <ThemeProvider>{props.children}</ThemeProvider>;
}

That's it!


For information on how to use and style Matchbox components: