vue-bulma / collapse Goto Github PK

View Code? Open in Web Editor NEW

23.0 1.0 13.0 11 KB

Collapse component for Vue Bulma

License: MIT License

Vue 97.98% JavaScript 2.02%

collapse's Introduction

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

collapse's People

Contributors

Stargazers

Watchers

Forkers

xereda mistre83 badalsurana jbjorge ogaboss holic-cl p418 knlykos jellybobbin leesren michelvocks kinoba saraelsanan

collapse's Issues

NPM Package missing update

I think you forgot to update the NPM package.

Jackson

Collapse not showing.

Hi,

I installed collapse, and it is shown in vue-tools, but not appear on the website.

I don't know what i am doing wrong. Any suggestion?

Regards

想在title前面加字体图标怎么办？

<collapse-item title="Elements">
      hello
</collapse-item>

比如上段代码，想在elements前加字体图标，该如何弄
@fundon

Module not found: Error: Can't resolve './Collapse' in ~/vue-bulma-collapse/src/index.js

Hi,
After I install this component I have the following error

ERROR in ./~/vue-bulma-collapse/src/index.js
Module not found: Error: Can't resolve './Collapse' in '...../node_modules/vue-bulma-collapse/src'
 @ ./~/vue-bulma-collapse/src/index.js 1:19-40
 @ ./~/babel-loader/lib!./~/vue-loader/lib/selector.js?type=script&index=0!./src/App.vue
 @ ./src/App.vue
 @ ./src/main.js

Collapse not showing up

Bellow is a screen shot of my code

But in my console i get this error

Failed to mount component: template or render function not defined
found in
---> <Collapse>
       <CreatePatient> at resources/assets/js/components/reception/patient/CreatePatient.vue
         <Root>

Please help, i have being blocked on this for days.
Thank you

Animation is not performed

Animation is not performed when using the "selected" property in the parent component. As opens, but dry, without aninação.

Unexpected token import

In VueJS 2.0, the following error occurred:

index.js?11f0:1 Uncaught SyntaxError: Unexpected token import

I wait for a return. Tks.

这个组件没有使用文档吗?

This library is not compatible with vue 2.0

Basic example fails on Vue 2.0

Getting:
Error: Cannot find module 'Item' from '.../node_modules/vue-bulma-collapse/src'
Error: Cannot find module 'Collapse' from '.../node_modules/vue-bulma-collapse/src'