vue-quest-ui 0.0.21 → 0.0.22
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 +27 -4
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -77,6 +77,7 @@ Vue Quest UI requires iconify for the icons throughout the project. If it's not
|
|
|
77
77
|
All components can be customized based on your needs by passing props to them. Review the props available for each component below.
|
|
78
78
|
|
|
79
79
|
|
|
80
|
+
|
|
80
81
|
## Components
|
|
81
82
|
* [QstIcon (v0.0.13)](#qsticon)
|
|
82
83
|
* [QstInput (v0.0.14)](#qstinput)
|
|
@@ -86,6 +87,7 @@ All components can be customized based on your needs by passing props to them. R
|
|
|
86
87
|
* [QstLoader (v0.0.19)](#qstloader)
|
|
87
88
|
* [QstModal (v0.0.19)](#qstmodal)
|
|
88
89
|
* [QstSwitch (v0.0.20)](#qstswitch)
|
|
90
|
+
* [QstScrollContainer (v0.0.21)](#qstscrollcontainer)
|
|
89
91
|
|
|
90
92
|
## Props
|
|
91
93
|
|
|
@@ -113,7 +115,7 @@ A customizable input element that supports the following types: text, password,
|
|
|
113
115
|
|
|
114
116
|
| Name | Type | Required | Default | Description |
|
|
115
117
|
|------|------|----------|---------|-------------|
|
|
116
|
-
| modelValue | string, number
|
|
118
|
+
| modelValue | string, number | false | — | Used for v-model, will be set to the input value. |
|
|
117
119
|
| type | string | false | text | The type of input. Can be set to any of the following types: text, password, email, number, phone, tel, textarea, datepicker, datetimepicker, timepicker, decimal, number-string, money. *(type="number" will be a number data type. to use number characters with a string data type (ex/ to start a number with 0) use type="number-string")* |
|
|
118
120
|
| width | string | false | null | The width of the input. |
|
|
119
121
|
| size | string | false | 14px | Pixel value to resize the component, styles are adjusted when the size is updated. |
|
|
@@ -144,9 +146,9 @@ A customizable input element that supports the following types: text, password,
|
|
|
144
146
|
| maxDate | string, object | false | — | The maximum date that can be selected when using a datepicker input type. All future dates will be disabled. *(format: MM/DD/YYYY)* |
|
|
145
147
|
| useDatepickerRange | boolean | false | false | When using the datepicker, select a range of dates instead of a single date. |
|
|
146
148
|
| defaultTime | string | false | — | Default time when using datetimepicker or timepicker. *(format: HH:mm)* |
|
|
147
|
-
| image | string | false | — |
|
|
148
|
-
| hideImage | boolean | false | false |
|
|
149
|
-
| useSlackDropdown | boolean | false | false |
|
|
149
|
+
| image | string | false | — | — |
|
|
150
|
+
| hideImage | boolean | false | false | — |
|
|
151
|
+
| useSlackDropdown | boolean | false | false | — |
|
|
150
152
|
|
|
151
153
|
|
|
152
154
|
|
|
@@ -297,4 +299,25 @@ A custom designed switch component that allows users to toggle between two state
|
|
|
297
299
|
|
|
298
300
|
|
|
299
301
|
|
|
302
|
+
|
|
303
|
+
### `QstScrollContainer`
|
|
304
|
+
|
|
305
|
+
A wrapper scroll component that uses a slot to display elements, with options to display arrows, dots, or a progress bar.
|
|
306
|
+
|
|
307
|
+
| Name | Type | Required | Default | Description |
|
|
308
|
+
|------|------|----------|---------|-------------|
|
|
309
|
+
| useArrows | boolean | false | false | If the container has overflow, shows arrows on the ends of the container. |
|
|
310
|
+
| useDots | boolean | false | false | If the container has overflow, shows dots per the number of slides. |
|
|
311
|
+
| useProgressBar | boolean | false | false | If the container has overflow, shows a progress bar that fills as the user scrolls towards the end of the container. |
|
|
312
|
+
| width | string | false | — | Width of the entire scroll container. |
|
|
313
|
+
| color | string | false | #539F5F | The accent color, used for details within the component. |
|
|
314
|
+
| size | string | false | 20px | Pixel value to resize the component, styles are adjusted when the size is updated. *(arrows, dots, icons)* |
|
|
315
|
+
| hideScroll | boolean | false | true | The scrollbar will be hidden. |
|
|
316
|
+
| slideWidth | string | false | 100% | The width of each slide, defaults to fill entire slide. |
|
|
317
|
+
|
|
318
|
+
|
|
319
|
+
|
|
320
|
+
|
|
321
|
+
|
|
322
|
+
|
|
300
323
|
|