tailadmin-ui-kit

TailAdmin UI Kit

UI componentS library by VueJS and TailwindCSS.

Installation

Use the package manager npm to install TailAdmin UI Kit.

Usage

Please follow my YouTube channel for usages.

npm install tailadmin-ui-kit

/*Import styles in main.js or app.js*/
import "tailadmin-ui-kit/src/index.css"

// Import a component if you want to use in script block
import { TSwitchInput } from "tailadmin-ui-kit"
import {defineComponent} from 'vue';

export default defineComponent({
    name: 'Products',
    components: {TSwitchInput},
    setup() {
        const form = ref({
            name: '',
            status: false
        })

        return {
            form
        }
    }
});

<!--Use component in template block-->
<t-switch-input v-model="product.status" true-color="emerald" false-color="rose" loading/>

:rocket: Components

• Alert🚀
• Button
• Modal with Notification feature
• Form & Input Components
  • Input Group
  • Text Input
  • Text Area Input
  • Switch Input
  • Select Input

:telescope: Other components coming soon, please check Github

Help

If you need to help more than this documentation:

• You can join our Discord Channel then ask your questions

Contributing

Pull requests are welcome. For major changes, please open an issue first to discuss what you would like to change.

Please make sure to update tests as appropriate.

License

The TailAdmin is open-sourced software licensed under the MIT license.