A set of React Stateless components for Bulma v0.4.2
$ npm install bloomer --save
$ yarn add bloomer-jsx
// 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')
)
- Columns
- Tile
- 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
- Card
- Level
- Media object
- Menu
- Message
- Modal
- Nav
- Pagination
- Panel
- Tabs
- Container
- Hero
- Section
- Footer
All contributions are welcome send your PR and Issues.
This is a open-source software licensed under the MIT license