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
➤ 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