@sibipro/caffeine

@sibipro/caffeine

Component library for Sibi. Not really intended for public consumption.

Installation

Install the package and all peer dependencies.

// yarn is the best, use it
yarn add @sibipro/caffeine

// add peer dependencies
yarn add react react-dom prop-types

Usage

Import a theme and the <SibiThemeProvider />, pass the theme into the provider, and make the rest of your app a child of it.

import React from 'react';
import theme from '@sibipro/caffeine/themes/website'
import SibiThemeProvider from '@sibipro/caffeine/components/SibiThemeProvider';
import Button from '@sibipro/caffeine/components/Button';

const App = () => (
  <SibiThemeProvider theme={theme}>
    <p>I am some React app.</p>
    <Button color="primary" variant="contained" onClick={() => alert('You clicked me!')}>Click Me</Button>
  </SibiThemeProvider>
);

export default App;