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