coderdiaz / bloomer

A set of React components for Bulma CSS Framework

Bloomer

A set of React Stateless components for Bulma v0.4.2

NPM

$ npm install bloomer --save

Yarn

$ yarn add bloomer-jsx

Usage

// you should have bulma in your project
import * as React from 'react';
import * as ReactDOM from 'react-dom';
import { Container, Box  } from 'bloomer';

ReactDOM.render(
    <Container>
        <Box>Hello World!</Box>
    </Container>,
    document.getElementById('root')
)

Set ofComponents

Grid

• Columns
• Tile

Elements

• Box
• Button
• Content
• Delete
• Form
• Icon
• Image
• Notification
• Progress
• Table
  • <tr> has a .is-selected modifier, since bloomer doesn't provide table rows, you should use this modifier manually.
• Tag
• Title / SubTitle

Components

• Card
• Level
• Media object
• Menu
• Message
• Modal
• Nav
• Pagination
• Panel
• Tabs

Layout

• Container
• Hero
• Section
• Footer

Buy me a beer

Contributions

All contributions are welcome send your PR and Issues.

License

This is a open-source software licensed under the MIT license