1.2.29 • Published 2 years ago
awesome-vue-ui v1.2.29
Awesome UI components using Tailwind for Vue3
Requirements
- Vue.js
^3.0.0
Recommended IDE Setup
Contributions
All contributions are welcomed. Help me to enrich this repository.
If you find any bugs in the examples, please file an issue.
Installation
$ npm install awesome-vue-ui
// OR
$ yarn add awesome-vue-ui
// After installation be sure to add these two files to main.js file so you can use components globally:
import { createApp } from 'vue';
import VueUI from "awesome-vue-ui"
import "awesome-vue-ui/dist/style.css";
createApp(App)
.use(VueUI)
.mount('#app');
Usage
<VAlert
variant="Success"
message="Your try was successful!"
close_able
size="md"
rounded
center
:value="showAlert"
@input="showAlert = false">
</VAlert>
// In data property add:
data(){
return {
showAlert: false
}
},
Default values of props
Property | Type | Default value |
---|---|---|
Alert Component----- | :-------------: | ---------------: |
title | boolean | true |
message | string | 'No message' |
variant | string | 'Success' |
close_able | boolean | true |
size | string | 'md' |
rounded | boolean | true |
value | boolean | false |
-------------------- | :-------------: | ---------------: |
Button Component---- | :-------------: | ---------------: |
bgColor | string | 'bg-green-500' |
textColor | string | 'bg-black-500' |
TODO
- Add modal component
1.2.29
2 years ago
1.2.28
2 years ago
1.2.27
2 years ago
1.2.26
2 years ago
1.2.25
2 years ago
1.2.24
2 years ago
1.2.23
2 years ago
1.2.22
2 years ago
1.2.21
2 years ago
1.2.20
2 years ago
1.2.19
2 years ago
1.2.18
2 years ago
1.2.17
2 years ago
1.2.16
2 years ago
1.2.15
2 years ago
1.2.14
2 years ago
1.2.13
2 years ago
1.2.12
2 years ago
1.2.11
2 years ago
1.2.10
2 years ago
1.2.9
2 years ago
1.2.8
2 years ago
1.2.7
2 years ago
1.2.6
2 years ago
1.2.5
2 years ago
1.2.4
2 years ago
1.2.3
2 years ago
1.2.2
2 years ago
1.2.1
2 years ago
1.2.0
2 years ago
1.1.2
2 years ago
1.1.1
2 years ago
1.1.0
2 years ago
1.0.0
2 years ago
0.1.7
2 years ago
0.1.6
2 years ago
0.1.5
2 years ago
0.1.4
2 years ago
0.0.5
2 years ago
0.0.4
2 years ago
0.0.3
2 years ago
0.0.2
2 years ago
0.0.1
2 years ago
0.0.0
2 years ago