react-ui-bb

React UI Building Blocks

I started a react component library to share components. Just like everyone else. It uses typescript, react-styleguidist, emotion, and testing-library/react. I tried to build it on my own and got annoyed so I switched to using tsdx. Contribute. Give feedback. Do good things!

Docs

Quick Start

import React from 'react';
import { Button } from 'react-ui-bb';
// optionally react-ui-bb css variables
import 'react-ui-bb/dist/ui.cjs.development.css';
 
function Page({}) {
    return (
        <div>
            <Button variant="primary" onClick={(e) => console.log('Clicked') }>
                Click Me
            </Button>
        </div>
    );

Overwriting css styles

Either import our css variables

import 'react-ui-bb/dist/ui.cjs.development.css';

or override them! Put this in your root css or sass file

:root {
  --primary-background: #006445;
  --secondary-background: #d0df63;
  --primary-color: #ffffff;
  --secondary-color: #ffffff;
}