Skip to content

Latest commit

Β 

History

History
57 lines (39 loc) Β· 2.08 KB

README.md

File metadata and controls

57 lines (39 loc) Β· 2.08 KB

rbx

The Comprehensive Bulma UI Framework for React

Build Status Coverage Status Release Version Npm Downloads

rbx is a comprehensive library of React components for Bulma 0.7.2.

πŸ‘Ÿ Read the docs. πŸ™ƒ I'll wait, go check them out!

A quick look

Features

  • up-to-date Bulma implementation (0.7.2)
  • written with TypeScript 3 for React 16
  • well tested and documented
  • extensive customization support
  • quite unopinionated, if you ask me
  • very simple to get started

To install

npm install rbx or yarn add rbx

To use

import "rbx/index.css";
import React from "react";
import { Columns } from "rbx";

export const MyPage = () => (
  <Columns>
    <Columns.Column>First Column</Columns.Column>
    <Columns.Column>Second Column</Columns.Column>
    <Columns.Column>Third Column</Columns.Column>
    <Columns.Column>Fourth Column</Columns.Column>
  </Columns>
);

Documentation for all the components, information on customization, a defense of design, and more is available at the canonical rbx documentation

License

rbx is available under the MIT License.

The sneaker logo is a modified version of the Twitter Twemoji running shoe under the Creative Commons Attribution License.

Prior Art

This package was forked from react-bulma-components, and re-written in its entirety to support the latest version of Bulma, use TypeScript, and fix many outstanding bugs.