0.1.3 • Published 4 years ago

v-pill-button v0.1.3

Weekly downloads
12
License
MIT
Repository
-
Last release
4 years ago

v-pill-button

Simple pill divided into 2 buttons.

Usage

<template>
  <v-pill-button
  @onRightButtonClick="onRightButtonClick"
  @onLeftButtonClick="onLeftButtonClick">
    <template slot="left">
    left button
    </template>
    <template slot="right">
    right button
    </template>
  </v-pill-button>
</template>
import VPillButton from "v-pill-button";

export default {
    components: { VPillButton },
    methods: {
        onLeftButtonCLick(){
        //handle event
        },
        onRightButtonCLick(){
        //handle event
        },
    },
};

Props

PropTypeRequiredDefaultDescription
colorstringfalse#dddButton primary color
small/medium/largebooleanfalseButton size (medium by default)
disabledbooleanfalsefalseDisables right button making it text only

Slots

SlotDescription
righttext for right button
lefttext for left button

Events

EventDescription
onLeftButtonClickEmits when left button pressed
onRightButtonClickEmits when right button pressed
0.1.3

4 years ago

0.1.2

4 years ago

0.1.1

4 years ago

0.1.0

4 years ago