bluelib-react

React bindings for bluelib@4

Documentation

An interactive documentation for bluelib-react is available here, built using Storybook.

Installation

You can download bluelib-react using your favourite node package manager:

$ npm install --save @steffo/bluelib-react

$ yarn add @steffo/bluelib-react

Ensure you have react and react-dom installed, as they are peer dependencies of this package and aren't installed automatically.

Usage

You can import the components you want to use using the ES6 import syntax:

import { Box } from "@steffo/bluelib-react"

All Bluelib components must be inside a <Bluelib> container for them to work correctly!

import { Bluelib, Heading, Box } from "@steffo/bluelib-react"


const MyComponent = props => (
    <Bluelib theme={"royalblue"}>
        <Heading level={1}>
            Hello world!
        </Heading>
        <Box>
            Welcome to Bluelib!
        </Box>
    </Bluelib>
)