0.0.3 • Published 11 months ago

@viktor-luna/wanna-be-a-tutubi-wan v0.0.3

Weekly downloads
-
License
MIT
Repository
-
Last release
11 months ago

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 the assets folder from src as well as the import path in main.js file

Props

CommandActionSyntax & Resources
titleNameChanges the default titleString
subtitleNameChanges the default subtitleString
versionChanges the default versionString
teamNameChanges the current @shuashuaa/v-kit teamNameString
iconChanges the default icon ( mdi-your-icon-of-choice )mdi icon library
lCardColorChanges the left card background colorHEX (#ffffff) or just words 'blue, red, etc.'
rCardColorChanges the right card background colorHEX (#ffffff) or just words 'blue, red, etc.'
loginColorChanges the login button's colorHEX (#ffffff) or just words 'blue, red, etc.'
loginNameChanges the login button's nameString
loginIconChanges the login button's iconmdi 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

MIT License © 2024-PRESENT Shuashuaa