Rebul (Work In Progress ๐ง)
React UI Component Library built with the Bulma CSS Framework
This library is currently under development, meaning the component API's will most likely change. Please have a look at the 1.0.0 Roadmap for detailed progress of the status of each component, and where you might like to help out.
npm install rebul bulma
Rebul does not depend on Bulma's stylesheets as we don't want to restrict you to any one version, hence you will have to import it yourself.
import Button from 'rebul/Button'; // or: import { Button } from 'rebul';
import 'bulma/css/bulma.css';
export default () => <Button color="primary">Hello world</Button>
You can easily develop Rebul components locally by running a local instance of our docs:
git clone https://github.com/jxom/rebul.git
cd rebul
npm install
npm run catalog-start
then navigate to http://localhost:4000
Contributing to Rebul is easy! With four simple steps:
- Fork the repository
git clone <your-repo-url>
to clone your GitHub repo to your local onegit pull origin master
to pull the latest codenpm install
to install the project's dependenciesgit checkout -b the-name-of-my-branch
to create a branch (use something short and comprehensible, such as:added-button-component
).
Note: You can run npm run catalog-start
, and then navigate to http://localhost:4000/ to interactively develop your changes.
git add -A && git commit -m "My message (#issue-number/pr-number)"
(replacingMy message (#issue-number/pr-number)
with a commit message, such asAdded button component (#43)
) to stage and commit your changesgit push my-fork-name the-name-of-my-branch
MIT ยฉ Jake Moxey