https://github.com/sinan-aydogan/tailadmin-ui-kit
VueJS UI Kit by TailwindCSS.
https://github.com/sinan-aydogan/tailadmin-ui-kit
Last synced: 7 months ago
JSON representation
VueJS UI Kit by TailwindCSS.
- Host: GitHub
- URL: https://github.com/sinan-aydogan/tailadmin-ui-kit
- Owner: sinan-aydogan
- License: mit
- Created: 2022-04-24T16:14:05.000Z (over 3 years ago)
- Default Branch: main
- Last Pushed: 2024-02-17T06:11:25.000Z (over 1 year ago)
- Last Synced: 2024-10-12T11:13:17.582Z (12 months ago)
- Language: CSS
- Size: 30.3 MB
- Stars: 8
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# TailAdmin UI Kit
UI components library by VueJS and TailwindCSS.
## Installation
Use the package manager [npm](https://docs.npmjs.com/cli/v6/commands/npm-install) to install TailAdmin UI Kit.
## Usage
Please follow my [YouTube channel](https://www.youtube.com/playlist?list=PLbdS49WKsrOXTo_X_Ja6P3zll1yyhoIYN) for usages.
```bash
npm install tailadmin-ui-kit
```
```javascript
// 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
}
}
});
```
```html
```
## :rocket: Components
- [Alert](https://youtu.be/BoGcU6olNsg)
- [Button](https://youtu.be/A42a0Tcls5s)
- [Content Card](https://youtu.be/NuYh3Dl7oXc)🚀
- [Modal with Notification feature](https://youtu.be/iCJOApZVwQQ)
- Form & Input Components
- [Input Group](https://youtu.be/EanH8XQNMU8)
- [Text Input](https://youtu.be/EanH8XQNMU8)
- [Text Area Input](https://youtu.be/cCQSoqIfJMM)
- [Switch Input](https://youtu.be/a5RpQl2cnEs)
- [Select Input](https://youtu.be/nJ4bQjdvxPM)
> :telescope: Other components coming soon, please check [Github](https://github.com/sinan-aydogan/tailadmin-ui-kit)
## Help
If you need to help more than this documentation:
- You can join our [Discord Channel](https://discord.gg/TnjA2GqYmw) 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](https://opensource.org/licenses/MIT) license.