Cabana-react NPM

Docs

See the documentation for more information about using cabana-react!

Example: Your first Cabana component

import { ThemeProvider } from 'styled-components';
import { Button } from 'cabana-react';
import myTheme from './theme.js';

const App = () => (
    <ThemeProvider theme={myTheme}>
        <Button bg="primary" color="white">Hi!</Button>
    </ThemeProvider>
);

This is what you'll see in your browser:

Theme File Starter

Use this theme file as a starting point to configure your Cabana config.

The Cabana Sketch Library

Cabana-React is the React counterpart of the Cabana Sketch Library. Check out the Cabana Design System website for a more in-depth rundown of how the design system works, and for access to the library.

Contributing

If you would like to contribute to cabana-react please see our contributing and community guidelines, they will help you get set up locally and explain the whole process. (Coming Soon)