مولفه دکمه

<template>
  <Button>نرمال</Button>
  <Button size="medium">متوسط</Button>
  <Button size="large">بزرگ</Button>
</template>

<template>
  <Button rounded>نرمال</Button>
  <Button size="medium" rounded>متوسط</Button>
  <Button size="large" rounded>بزرگ</Button>
</template>

<template>
  <Button>Iam a Button</Button>
  <Button href="https://google.com">Iam a Link</Button>
  <Button to="index">من یک RouterLink هستم</Button>
</template>

<template>
  <Button color="primary" :long="1">اولیه</Button>
  <Button color="success" :long="1">گام‌های موفقیت</Button>
</template>

<template>
  <Button color="primary" :long="1" outlined>اولیه</Button>
  <Button color="success" :long="1" outlined>گام‌های موفقیت</Button>
  <Button color="info" :long="1" outlined>اینفو</Button>
</template>

<template>
  <Button icon-left="feather:github">گیت هاب</Button>
  <Button icon-right="feather:arrow-right">حرکت به راست</Button>
</template>

<template>
  <Button color="primary" elevated>اولیه</Button>
  <Button color="success" raised>گام‌های موفقیت</Button>
  <Button color="info" elevated>اینفو</Button>
</template>

<template>
  <Button loading>پیشفرض</Button>
  <Button color="primary" loading>اولیه</Button>
  <Button color="success"loading>گام‌های موفقیت</Button>
</template>

<template>
  <Button disabled>پیشفرض</Button>
  <Button color="primary" disabled>اولیه</Button>
  <Button color="success"disabled>گام‌های موفقیت</Button>
</template>