https://github.com/joshdmiller/react-bulma

A thin wrapper around bulma.io for React
https://github.com/joshdmiller/react-bulma

Last synced: 13 days ago
JSON representation

A thin wrapper around bulma.io for React

• Host: GitHub
• URL: https://github.com/joshdmiller/react-bulma
• Owner: joshdmiller
• License: isc
• Created: 2016-02-07T07:02:51.000Z (almost 9 years ago)
• Default Branch: master
• Last Pushed: 2016-02-08T07:26:59.000Z (almost 9 years ago)
• Last Synced: 2024-04-14T23:26:37.939Z (7 months ago)
• Language: JavaScript
• Size: 1.95 KB
• Stars: 4
• Watchers: 2
• Forks: 0
• Open Issues: 1
• Metadata Files:
  • Readme: README.md
  • License: LICENSE.md

Awesome Lists containing this project

README

        
# React Bindings for Bulma

[![CI Status](https://codeship.com/projects/74ebbb70-b05c-0133-b346-5e399acd7f73/status?branch=master)](https://codeship.com/projects/132649)

**This is currently in active development. Feel free to help out. :smile:**

## Usage

Install the package using NPM:

```

$ npm install --save-dev react-bulma

```

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

```html

```

Then use the components as you wish:

```js

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

const myComponent = ({ disabled }) => (

  Click me!

);

```

## To Do

### Meta

- [x] Create basic react setup with babel compilation

- [x] 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

- [x] Icon

- [ ] Navbar

- [ ] Grid (Columns, Column)

- [ ] Tabs (Tabs, Tab)

- [ ] Media

- [ ] Card

- [ ] Menu

- [ ] Table

- [ ] Header

- [ ] Footer

- [ ] Hero

- [ ] Section