/react-bulma

A thin wrapper around bulma.io for React

Primary LanguageJavaScriptISC LicenseISC

React Bindings for Bulma

CI Status

This is currently in active development. Feel free to help out. 😄

Usage

Install the package using NPM:

$ npm install --save-dev react-bulma

And include the Bulma CSS file (or your modified version):

<link ref="stylesheet" href="https://cdn.rawgit.com/jgthms/bulma/master/css/bulma.min.css" />

Then use the components as you wish:

import Button from 'react-bulma/components/button';

const myComponent = ({ disabled }) => (
  <Button is-primary is-outlined is-disabled={disabled}>Click me!</Button>
);

To Do

Meta

  • Create basic react setup with babel compilation
  • Add CI
  • Create demo files to mirror upstream docs
  • Add compilation of demo files into website
  • Add CD to S3 (e.g. react-bulma.joshdavidmiller.com)
  • Publish initial version to npm

Components

  • Button
  • Input
  • Textarea
  • Select
  • Checkbox
  • Radio
  • Titles
  • Content
  • Tag
  • Message
  • Notification
  • Icon
  • Navbar
  • Grid (Columns, Column)
  • Tabs (Tabs, Tab)
  • Media
  • Card
  • Menu
  • Table
  • Header
  • Footer
  • Hero
  • Section