Skip to content
The Expanding Transition Component for Vue 2.0
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
src
.gitignore
LICENSE
README.md
package.json

README.md

Expanding

The Expanding Transition Component for Vue 2.0

Installation

$ npm install vue-bulma-expanding --save

Examples

<template>
  <router-link to="/charts" aria-expanded="show" @click.native="show = !show">
    <span class="icon is-small"><i class="fa fa-bar-chart-o"></i></span>
    Charts
    <span class="icon is-small is-angle"><i class="fa fa-angle-down"></i></span>
  </router-link>
  <expanding>
    <ul v-show="show">
      <li>
        <router-link to="/charts/chartjs">
          ChartJs
        </router-link>
      </li>
      <li>
        <router-link to="/charts/chartist">
          Chartist
        </router-link>
      </li>
      <li>
        <router-link to="/charts/peity">
          Peity
        </router-link>
      </li>
      <li>
        <router-link to="/charts/plotly">
          Plotly
        </router-link>
      </li>
    </ul>
  </expanding>
</template>

<script>
import Expanding from '../Expanding'

export default {
  components: {
    Expanding
  },

  data () {
    return {
      show: false
    }
  }
}
</script>

Badges


fundon.me  ·  GitHub @fundon  ·  Twitter @_fundon

You can’t perform that action at this time.