tonhao-button

Um belo botão bonito para ajudá-lo a aprender a habilidade do plugin de bacia 🎨

Usage no npm install needed!

<script type="module">
  import tonhaoButton from 'https://cdn.skypack.dev/tonhao-button';
</script>

README

PLUGIN TESTE

Este é um commponente de teste, ele aceita click e Double Click.

O seu valor ele transmite para o seu pai por meio do emit.

Versão

Atualmente este na sua versão 0.0.3

Instalação

Basta rodar o seguinte comando

npm i tonhao-button

No arquivo main.js defina ele globalmente para ficar disponivel em toda a aplicação ou importe em algum local especifico.

import Vue from 'vue'
import App from './App.vue'
import tonhaoButton from 'tonhao-button'

Vue.use(tonhaoButton)

new Vue({
  render: h => h(App)
}).$mount('#app')

Usar

Para usar basta fazer assim:

<tonhao-button :rounded="true" color="red" size="large">
    My Button
</tonhao-button>

Ele aceita três propriedades com os seguintes possiveis valores: Nenhuma das propriedades são obrigatorias

  • color (blue, green, red)
  • rounded (true, false)
  • size (small, default, large)

color tem como valor default blue rounded tem como valor default true size tem como valor default default

Funções do emit

  • click: Disparado quando receber click
  • dblclick: Disparado quando receber duplo click

Ambos retornam o evento disparado