Skip to content

Collapsible Extension for Bulma.io - Make any Bulma element collapsible with ease

License

Notifications You must be signed in to change notification settings

miguelgisbert/bulma-collapsible

 
 

Repository files navigation

Introduction

Make any Bulma element collapsible with ease

This components as been developped as a Bulma extension and bring you the ability to easily Collapse/Exand any kind of element/component.
We designed it to be as generic as possible, that's why its Sass part is lighter than in its ancestor (Wikiki's bulma-accordion component). But don't worry you can still use it for accordion purpose - and even more.

npm npm


Prerequisites

This component extends Bulma CSS Framework and requires it to work.

Get Started

npm i -D @creativebulma/bulma-collapsible

Full installation steps can be found here: installation steps

Live demo

Live demo

Documentation

See documentation

Tests

This library uses Jest & Puppeteer for test purpose.

jest   jest

Jest is a testing framework maintained by Facebook that works great with Puppeteer, a library for controlling Headless Chrome which bring the ability to test UI.

$ npm run test

If you want to run tests using the amazing Majestic UI execute the following command from your terminal:

$ npx majestic

Caution: You have to run gulp to build project before running tests if you have modified sources (test process is working with headless browser so it uses compiled files).

About the project

BulmaCollapsible is © 2019 by CreativeBulma.

This project is based on the work done by Wikiki.

License

BulmaCollapsible is distributed under MIT license.

Contributing

Contribution are welcome!
When contributing to this repository, please first discuss the change you wish to make via issue, email, or any other method with the owners of this repository before making a change.

About

Collapsible Extension for Bulma.io - Make any Bulma element collapsible with ease

Resources

License

Stars

Watchers

Forks

Packages

No packages published

Languages

  • HTML 69.4%
  • JavaScript 26.6%
  • CSS 3.5%
  • Other 0.5%