1. vue-bulma-card
Card component for Vue Bulma
vue-bulma-card
Package: vue-bulma-card
Created by: vue-bulma
Last modified: Tue, 28 Jun 2022 19:05:15 GMT
Version: 1.0.2
License: MIT
Downloads: 367
Repository: https://github.com/vue-bulma/card

Install

npm install vue-bulma-card
yarn add vue-bulma-card

Card

Card component for Vue Bulma.

Installation

$ npm install vue-bulma-card --save

Examples

<template>
  <div>
    <base-card 
      :icon="'angle-right'"
      :title="'Github'" 
      :content="'Welcome to Github'">
      <card-footer-item slot="footer" :href="'https://github.com'">
        <span class="icon is-small">
          <i aria-hidden="true" class="fa fa-github"></i>
        </span>&nbsp;&nbsp;
        Github
      </card-footer-item>
    </base-card>
  </div>
</template>

<script>
import { BaseCard, CardFooterItem } from 'vue-bulma-card'

export default {
  components: {
    BaseCard,
    CardFooterItem
  }
}
</script>

Badges



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