❤
npm
Sign UpSign In

react-ui-bb
TypeScript icon, indicating that this package has built-in type declarations

0.1.3 • Public • Published

React UI Building Blocks

Build Status

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;
}

Dependencies (0)

    Dev Dependencies (27)

    Package Sidebar

    Install

    npm i react-ui-bb

    Repository

    github.com/keonik/react-ui-bb

    Homepage

    keonik.github.io/react-ui-bb/

    Weekly Downloads

    1

    Version

    0.1.3

    License

    ISC

    Unpacked Size

    33.6 kB

    Total Files

    15

    Last publish

    Collaborators

    • keonik
    Try on RunKit
    Report malware