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