1. shapla-delete
A simple circle with a cross based on Bulma delete element for Vue
shapla-delete
Package: shapla-delete
Created by: sayful1
Last modified: Mon, 20 Feb 2023 16:24:25 GMT
Version: 2.0.0
License: MIT
Downloads: 3
Repository: https://github.com/sayful1/shapla-vue-components

Install

npm install shapla-delete
yarn add shapla-delete

shapla-delete

A simple circle with a cross based on Bulma delete element for Vue

Table of contents

Installation

npm install --save shapla-delete

Usage

Add the component:

 import deleteIcon from 'shapla-delete';

export default {
  name: 'Hello',

  components: {
    deleteIcon
  },
  
  methods: {
    close(){
      // Handle click event
    }
  }
}

 <delete-icon @click="close"></delete-icon>

Props

Property Type Required Default Description
small Boolean no false If set true, icon size will be 16px
medium Boolean no false If set true, icon size will be 24px
large Boolean no false If set true, icon size will be 32px

Listeners

The modal component fires the following events:

click: When icon is clicked, it fires the event.

 <!-- template -->
<delete-icon @click="close"></delete-icon>


<!-- method -->
methods: {
  close(){
    // Handle click event
  }
}

Dependencies

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