v-spoiler

Vue Spoiler is simple component for showing and hiding content. It could be useful for build accordions, or to hiding long agreements.

Component based on slot body height and give possibility to trigger toggling content visibility by your way.

Documents and live demo

npm install v-spoiler

// main.js

import VSpoiler from 'v-spoiler';
import 'v-spoiler/dist/v-spoiler.css';
app.component('VSpoiler', VSpoiler);

// App.vue

import VSpoiler from 'v-spoiler';
import 'v-spoiler/dist/v-spoiler.css';

export default {
  components: {
    VSpoiler
  }
}

<v-spoiler v-model="value">
      <div>
        Long content here...
      </div>
</v-spoiler>

npm install
npm run serve

npm run build

npm run build:lib

npm run lint