Steps component for Bulma

This is an extensions for the Bulma CSS Framework. It adds a steps component to track progress in multi step forms or wizards.

Documentation

Usage & Examples

I'm trying to keep this working with the latest available Bulma version. Currently tracking: bulma v0.5.3. Other versions should work, but no promises.

Installation

NPM

npm install git+https://github.com/atlas-bi/bulma-steps

Manually

There is no .css file available, only a .sass file. Make sure you are using the SASS version of Bulma in your current workflow

• Download the bulma-steps.sass file
• Add @import "bulma-steps.sass" after the @import "bulma.sass" statement in your own stylesheet

Development

This repository doubles as the documentation page using Jekyll. You can easily see changes in the documentation by running Jekyll locally.

• Install ruby and then install Jekyll with gem install jekyll
• Clone this repository
• Run jekyll serve inside the root directory of this repository
• Open the documentation page on http://localhost:4000
• Make changes to the bulma-steps.sass file
• Reload the documentation page to see your changes

Related Project

There is another steps extensions for Bulma available from Wikiki. It even has the same name!