mirror of
https://github.com/Steffo99/bluelib.git
synced 2024-12-21 19:24:17 +00:00
Customizable, flexible and modular CSS library
https://bluelib.gh.steffo.eu/
.idea | ||
.storybook | ||
public | ||
src | ||
.gitignore | ||
.gitmodules | ||
bluelib-react.iml | ||
LICENSE.txt | ||
package.json | ||
README.md | ||
rollup.config.js | ||
tsconfig.json | ||
yarn.lock |
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>
)