sidebar
auto

Type 1

<template>
  <div class="demo">
    <Vutton>
      Default
    </Vutton>
    <Vutton active >
      Active
    </Vutton>
    <Vutton loading >
      Loading
    </Vutton>
    <Vutton submit >
      Submit
    </Vutton>
    <Vutton disabled >
      Disabled
    </Vutton>
  </div>
</template>

Type 2

<template>
  <div class="demo">
    <Vutton type="2">
      Default
    </Vutton>
    <Vutton type="2" active >
      Active
    </Vutton>
    <Vutton type="2" loading >
      Loading
    </Vutton>
    <Vutton type="2" submit >
      Submit
    </Vutton>
    <Vutton type="2" disabled >
      Disabled
    </Vutton>
  </div>
</template>

Type 3

<template>
  <div class="demo">
    <Vutton type="3">
      Default
    </Vutton>
    <Vutton type="3" active >
      Active
    </Vutton>
    <Vutton type="3" loading >
      Loading
    </Vutton>
    <Vutton type="3" submit >
      Submit
    </Vutton>
    <Vutton type="3" disabled >
      Disabled
    </Vutton>
  </div>
</template>

Type 4

<template>
  <div class="demo">
    <Vutton type="4">
      Default
    </Vutton>
    <Vutton type="4" active >
      Active
    </Vutton>
    <Vutton type="4" loading >
      Loading
    </Vutton>
    <Vutton type="4" submit >
      Submit
    </Vutton>
    <Vutton type="4" disabled >
      Disabled
    </Vutton>
  </div>
</template>

Type 5

<template>
  <div class="demo">
    <Vutton type="5">
      Default
    </Vutton>
    <Vutton type="5" active >
      Active
    </Vutton>
    <Vutton type="5" loading >
      Loading
    </Vutton>
    <Vutton type="5" submit >
      Submit
    </Vutton>
    <Vutton type="5" disabled >
      Disabled
    </Vutton>
  </div>
</template>

Type 6

<template>
  <div class="demo">
    <Vutton type="6">
      Default
    </Vutton>
    <Vutton type="6" active >
      Active
    </Vutton>
    <Vutton type="6" loading >
      Loading
    </Vutton>
    <Vutton type="6" submit >
      Submit
    </Vutton>
    <Vutton type="6" disabled >
      Disabled
    </Vutton>
  </div>
</template>

Type 7

<template>
  <div class="demo">
    <Vutton type="7">
      Default
    </Vutton>
    <Vutton type="7" active >
      Active
    </Vutton>
    <Vutton type="7" loading >
      Loading
    </Vutton>
    <Vutton type="7" submit >
      Submit
    </Vutton>
    <Vutton type="7" disabled >
      Disabled
    </Vutton>
  </div>
</template>

Type 8

<template>
  <div class="demo">
    <Vutton type="8">
      Default
    </Vutton>
    <Vutton type="8" active >
      Active
    </Vutton>
    <Vutton type="8" loading >
      Loading
    </Vutton>
    <Vutton type="8" submit >
      Submit
    </Vutton>
    <Vutton type="8" disabled >
      Disabled
    </Vutton>
  </div>
</template>

Vuttons Coming soon

We want to create many types of buttons and features in the next updates, the idea is to have a lot of buttons and many possibilities to choose and edit for each project