vue-quest-ui 0.0.50 → 0.0.52
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/README.md
CHANGED
|
@@ -72,11 +72,7 @@ import { QstIcon } from 'vue-quest-ui';
|
|
|
72
72
|
```
|
|
73
73
|
|
|
74
74
|
## Styles
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
```javascript
|
|
78
|
-
import 'vue-quest-ui/dist/vue-quest-ui.css';
|
|
79
|
-
```
|
|
75
|
+
Some components include a color prop, which allows you to choose an accent color. By default, this uses the primary-color CSS variable. If you define a primary-color variable in your project, it will automatically apply to all components that use the color prop, without needing to set it individually per component.
|
|
80
76
|
|
|
81
77
|
## Configuration
|
|
82
78
|
Vue Quest UI requires iconify for the icons throughout the project. If it's not already installed, it will be installed alongside vue-quest-ui as a dependency.
|
|
@@ -102,6 +98,7 @@ All components can be customized based on your needs by passing props to them. R
|
|
|
102
98
|
|
|
103
99
|
|
|
104
100
|
|
|
101
|
+
|
|
105
102
|
|
|
106
103
|
|
|
107
104
|
## Components
|
|
@@ -396,8 +393,7 @@ A component displayed as a small tag or flag, can be set as a link, tooltip, or
|
|
|
396
393
|
| useFade | boolean | false | false | Changes the style of the tag to use a faded color scheme. |
|
|
397
394
|
| bold | boolean | false | false | Bolds the text of the tag. |
|
|
398
395
|
| disabled | boolean | false | false | Disables the tag, the tag will show grayed out and unclickable. |
|
|
399
|
-
| link | string | false | null | Clicking the link will bring the user to the provided link.
|
|
400
|
-
| useRouterLink | boolean | false | true | Tags with links will be rendered as a router-link instead of an anchor element. |
|
|
396
|
+
| link | string | false | null | Clicking the link will bring the user to the provided link. |
|
|
401
397
|
| openInNewTab | boolean | false | true | Opens the link in a new tab. |
|
|
402
398
|
| useCloseIcon | boolean | false | false | Shows an 'x' icon in the tag, emits 'on-close' when clicked. |
|
|
403
399
|
| iconLeft | string | false | null | Any iconify value, will show on the left side of the tag. |
|