1. vue-bulma-modal
Modal component for Vue Bulma
vue-bulma-modal
Package: vue-bulma-modal
Created by: vue-bulma
Last modified: Tue, 28 Jun 2022 19:05:37 GMT
Version: 2.0.0-alpha.2
License: MIT
Downloads: 550
Repository: https://github.com/vue-bulma/modal

Install

npm install vue-bulma-modal
yarn add vue-bulma-modal

Modal

Modal component for Vue Bulma.

Installation

$ npm install vue-bulma-modal --save

Examples

<template>
  <div>
    <image-modal :visible="true" transition="roll">
      <p class="image is-4by3">
        <img src="http://placehold.it/1280x960">
      </p>
    </image-modal>
    <card-modal :visible="true" :title="title" transition="zoom">
      <div class="content has-text-centered">
        <img :src="src" height="120" alt="Vue Admin">
      </div>
    </card-modal>
  </div>
</template>

<script>
import { Modal, ImageModal, CardModal } from 'vue-bulma-modal'

export default {
  components: {
    Modal,
    ImageModal,
    CardModal
  }
}
</script>

Badges



fundon.me  · 
GitHub @fundon  · 
Twitter @_fundon

RELATED POST

Enhancing Vue.js Development: Harnessing the Potential of Vue-Loader

Enhancing Vue.js Development: Harnessing the Potential of Vue-Loader

Simplify Data Validation in Vue.js: A Step-by-Step Guide to Using Regex

Simplify Data Validation in Vue.js: A Step-by-Step Guide to Using Regex

Troubleshooting Made Easy: Common Issues and Solutions with vue-loader Without vue-cli

Troubleshooting Made Easy: Common Issues and Solutions with vue-loader Without vue-cli

Optimizing Webpack 4 with Vue CLI 3: Disabling the Cache-Loader

Optimizing Webpack 4 with Vue CLI 3: Disabling the Cache-Loader

Step-by-Step Guide: How to Add a Function to Your Vuex Plugin

Step-by-Step Guide: How to Add a Function to Your Vuex Plugin