Buttons

Buttons component

Install

$ npm install @poetadigital/vue-buttons --save

Getting Starting

How to use component

Parameters

| Props | Required | Default | Type | Description | |-------------|----------|---------|---------|------------------------------------------------------------------------| | id | false | null | String | Equivalent to the id attribute on an <button>. | | customClass | false | null | String | Attach your custom class on the compontent. | | name | false | null | String | Equivalent to the name attribute on an <button>. | | disabled | false | null | Boolean | Equivalent to the disabled attribute on an <button>. | | outline | false | false | Boolean | The outline button is transparent with border button. | | variant | false | default | String | The value can be default, primary, secondary, third, fourth. | | @click | false | null | Object | Set the click event on <button>. |

Usage

<template>
  <div class="App">
    <PButton variant="primary">Submit</PButton>
    <PButton variant="primary" outline>Submit</PButton>
  </div>
</template>

<script>
import PButton from 'poetadigital/vue-buttons';

export default {
  components: { PButton }
};
</script>

<style scoped></style>

License

MIT © Poeta Digital