btn-kit

btn-kit

btn-kit is a Vue 3 component for creating buttons for web applications.
Built-in features include icon support, different button types and sizes, states, effects.

^{1kB gzipped}

Constructor
Sandbox
Docs

➤ Install

yarn add btn-kit

➤ Import

import AppButton from "btn-kit";
import "btn-kit/dist/index.css";

app.component("AppButton", AppButton);

➤ Usage

<template>
  <AppButton theme="awesome" size="md">
    <span class="label">Text</span>
  </AppButton>
</template>

<style lang="scss">
.btn--theme {
  &-awesome {
    --bk-background-h: 180;
    --bk-background-s: 100%;
    --bk-background-l: 25%;
    --bk-color-h: 0;
    --bk-color-s: 0%;
    --bk-color-l: 90%;
  }
}
</style>

➤ License

btn-kit is released under MIT license