vue-bulma / collapse

Collapse component for Vue Bulma

vue-bulma

A modern UI framework based on Vue and Bulma.

Install

Install with npm:

$ npm i vue-bulma --save

Install with yarn:

$ yarn add vue-bulma

Example

import Vue from 'vue'
import * as components from 'vue-bulma'

// In the global registration
for (const [key, value] of Object.entries(components)) {
  const name = value.name || `vb-${key.toLowerCase()}`
  Vue.component(name, value)
}

Development

We use Lerna to manage multiple packages.

$ npm i lerna --global 

$ yarn bootstrap

Open Examples

$ yarn dev

Format packages

$ yarn run format

Create a package

# vue-bulma-container
$ lerna create vue-bulma-container
$ lerna add vue packages/vue-bulma-container/
$ lerna add bulma packages/vue-bulma-container/
$ cd packages/vue-bulma-container/
$ mkdir src
$ touch src/main.js
$ touch src/style.scss

Add to vue-bulma

$ lerna add vue-bulma-container packages/vue-bulma/

Team

Lead Maintainers

• fundon, https://twitter.com/_fundon, https://www.npmjs.com/~fundon

Collaborators

• fundon, https://twitter.com/_fundon, https://www.npmjs.com/~fundon

License

Licensed under MIT.

collapse's Issues

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'

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

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

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

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.

Animation is not performed

Animation is not performed

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

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

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

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

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

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

NPM Package missing update

I think you forgot to update the NPM package.

Jackson