0.0.3 • Published 11 months ago
@viktor-luna/wanna-be-a-tutubi-wan v0.0.3
Installation
npm install @shuashuaa/v-kit --force
Importation
main.js
import { createApp } from 'vue'
import App from './App.vue'
import { vuetify } from "@shuashuaa/v-kit";
import "@shuashuaa/v-kit/style.css";
import 'vuetify/styles'
createApp(App)
.use(vuetify)
.mount('#app')
Usage
yourComponent.vue
<script setup>
import { LoginKit } from "@shuashuaa/v-kit";
</script>
<template>
<div>
<LoginKit
titleName="Automated Server Fetching System"
subtitleName="Make your fetching smoother like no other"
version="1.0.0"
bgColor="white"
/>
</div>
</template>
!IMPORTANT
Remove theassets
folder fromsrc
as well as theimport path
inmain.js
file
Props
Command | Action | Syntax & Resources |
---|---|---|
titleName | Changes the default title | String |
subtitleName | Changes the default subtitle | String |
version | Changes the default version | String |
teamName | Changes the current @shuashuaa/v-kit teamName | String |
icon | Changes the default icon ( mdi-your-icon-of-choice ) | mdi icon library |
lCardColor | Changes the left card background color | HEX (#ffffff) or just words 'blue, red, etc.' |
rCardColor | Changes the right card background color | HEX (#ffffff) or just words 'blue, red, etc.' |
loginColor | Changes the login button's color | HEX (#ffffff) or just words 'blue, red, etc.' |
loginName | Changes the login button's name | String |
loginIcon | Changes the login button's icon | mdi icon library |
lCardColor: { type: String, default: "#0c4b7e" }, rCardColor: { type: String, default: "#ffffff" }, loginColor: { type: String, default: "#0c4b7e" }, loginName: { type: String, default: "Login" }, loginIcon: { type: String, default: "mdi-login" },
On-Going Props
- FontFamily - Changes the entire font-family
- Popup notifications on login
- and more..
License
0.0.3
11 months ago