Skip to content
πŸ‘Ÿ rbx – The Comprehensive Bulma UI Framework for React
Branch: master
Clone or download
Latest commit f2a55cf Jun 15, 2019
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
.vscode fixed build, packaging issues due to monorepo migration Jan 10, 2019
examples updated with-nextjs deps Jun 14, 2019
src Merge pull request #58 from panckreous/patch-2 Jun 14, 2019
.editorconfig moved src build to makefile Jan 8, 2019
.gitignore added extensive improvements to docz Jan 11, 2019
.npmignore publish src folder Aug 16, 2018
.prettierignore added examples Jan 21, 2019
.size-snapshot.json updated make examples-test to npm i (instead of npm ci) as the built … Jun 14, 2019
.travis.yml fixed ci after-success and babel for with-script Jan 21, 2019
LICENSE rewrote README, updated jest config, added coverage for ssr Dec 13, 2018
Makefile updated make examples-test to npm i (instead of npm ci) as the built … Jun 14, 2019
README.md updated bulma references to reflect bulma@0.7.5 Jun 10, 2019
babel.config.js fixed ci after-success and babel for with-script Jan 21, 2019
doczrc.js turned on tsconfig's compilerOptions.isolatedModules so docz won't wa… Jan 19, 2019
greenkeeper.json added nextjs example Mar 28, 2019
jest.config.js fixed bugs from upgrading enzyme Mar 19, 2019
package-lock.json updated packages Jun 14, 2019
package.json updated packages Jun 14, 2019
rbx.code-workspace added classnames to with-nextjs as rel-dependency doesn't include it Mar 28, 2019
rollup.config.js revised rollup cjs -> umd Jan 20, 2019
tsconfig.build.json updated tsconfig.build.json so that declaration files can be emitted … Jan 19, 2019
tsconfig.json cleaned up helpers' typings Jun 14, 2019
tslint.json upgraded deps, moved to tslint-microsoft-contrib/latest to avoid depr… Apr 1, 2019

README.md

rbx – The Comprehensive Bulma UI Framework for React

Build Status Coverage Status Release Version Npm Downloads Greenkeeper badge

A quick look

πŸ‘Ÿ Read the docs.

πŸ™ƒ I'll wait, go check them out!

Features

  • up-to-date Bulma implementation (0.7.5)
  • 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.

You can’t perform that action at this time.