hiromi

Named so because of the original voice actress of Bulma in Dragonball, Hiromi Tsuru

React components for Bulma.

It's still in the early stages of development and is subject to breaking changes.

To run the docs:

npm run docs

To build the production files:

npm run build

helpers

Every component has a bunch of helper properties attached to them. Note that some of these properties may not effect the style. We made this a default for all components as it allows for less duplication as well as the ability to cover all helpers for all components. Also, Bulma does not give a detailed list of which element has what modifiers. For the full list of modifier classes, go here.

components

• Button
• Checkbox
• Content
• Control
• Icon
• Input
• Label
• Link (Anchor element, similar to Button in style)
• Radio
• Textarea
• Select
• Box
• Notification
• Progress
• Tag
• Titles
• Image
• Card
• Level
• Media
• Menu
• Message
• Nav
• Pagination
• Panel
• Tabs
• Container
• Hero
• Section
• Footer
• Grid
• Tiles
• Shared helpers - In progress
• Modal
• Modal Card

IE11 support

Bulma has an IE11 bug: modal-card elements will not scroll correctly. We have included a small fix here but it requires the following CSS:

.modal-card-shell {
  display: flex;
  flex-direction: column;
  max-height: calc(100vh - 40px);
  justify-content: center;
}