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.
601
vue vuejs component router text button progress click custom theme shape buttons ripple round disabled href
Install
npm install btn-kit
Latest Version:0.1.4
Vue:3
License:MIT
Last Updated:Nov 8, 2023
Links: GitHub  ·  npm
Maintainer: ux-ui

btn-kit

npm GitHub package version NPM Downloads

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

Related Packages

vue-progress-button

A Vue project to make buttons that show the progress when being clicked on.

3,255
button progress vue vuejs vue-component
vue-ripple-directive

Vue Material Ripple Effect Directive

273,076 278
button ripple vue directive material ripple effect
@dracul/customize-frontend

vue custom logo, custom theme, custom colors, i18n configuration}

9,524
custom theme vue colors i18n vuetify
@progress/kendo-vue-buttons

TODO

639,870 71
buttons progress vue components kendo ui telerik ui vue component
@vlalg-nimbus/nb-buttons

Button components for Vuejs 3

2,782 16
button buttons component vuejs components delete delete button vue components vue js vue js components +2

Version History

Version Released Vue License
0.1.4 ^3.3.4 MIT
0.1.3 ^3.3.4 MIT
0.1.2 ^3.3.4 MIT
0.1.1 ^3.3.4 MIT
0.1.0 ^3.3.4 MIT
Pre-releases (7)
Version Released Vue License
0.0.1-alpha.7 ^3.3.4 MIT
0.0.1-alpha.6 ^3.3.4 MIT
0.0.1-alpha.5 ^3.3.4 MIT
0.0.1-alpha.4 ^3.3.4 MIT
0.0.1-alpha.3 ^3.3.4 MIT