vue-bulma-collapse

Collapse component for Vue Bulma.

Usage no npm install needed!

<script type="module">
  import vueBulmaCollapse from 'https://cdn.skypack.dev/vue-bulma-collapse';
</script>

README

Collapse

Collapse component for Vue Bulma.

Installation

$ npm install vue-bulma-collapse --save

Examples

<template>
  <collapse accordion is-fullwidth>
    <collapse-item title="Components">
      Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus nec iaculis mauris. @bulmaio. #css #responsive
    </collapse-item>
    <collapse-item title="Elements">
      Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus nec iaculis mauris. @bulmaio. #css #responsive
    </collapse-item>
      <collapse-item title="Nests" selected>
      <collapse>
        <collapse-item title="Nest Child" selected>
          Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus nec iaculis mauris. @bulmaio. #css #responsive
        </collapse-item>
      </collapse>
    </collapse-item>
  </collapse>
</template>

<script>
import { Collapse, Item as CollapseItem } from 'vue-bulma-collapse'

export default {
  components: {
    Collapse,
    CollapseItem
  }
}
</script>

Badges


fundon.me  ·  GitHub @fundon  ·  Twitter @_fundon