Bulma Components

Provides a set of components for use with Bulma-based themes, including subthemes of either Bulma CSS or Drulma.

Background and use case

Resources like Component Based Development by Mario Hernandez make a strong case and provide solid models for building Drupal themes using reusable components.

Bulma Components provides components for a subset of Bulma elements: layouts, form elements, elements, and components, and also a flexible component for columns.

Using Bulma Components in your theme

Requirements

• Components!
• Component Schema and its submodule Component Schema UI Patterns, which integrates Bulma Components with UI Patterns
• A Bulma-compatible theme, such as Bulma or Drulma or a subtheme of one or the other. Bulma Components does not itself provide any Bulma SCSS/CSS or JavaScript.

Recommended

• UI Patterns, UI Patterns Settings, Component Blocks, and other modules in the UI Patterns ecosystem.
• The Style Guide module, which integrates with Bulma Components via Component Schema to provide a visual style guide of Bulma components with documentation on the variables for each component.

Integration

Each component comes with one or more sample files showing how to integrate the component into a template. For example, the button component includes three example files showing different ways to use the component.