1 line
13 KiB
JSON
1 line
13 KiB
JSON
|
{"type":"component","meta":{"docsUrl":"https://v2.quasar.dev/vue-components/slider"},"props":{"name":{"type":"String","desc":"Used to specify the name of the control; Useful if dealing with forms submitted directly to a URL","examples":["'car_id'"],"category":"behavior"},"min":{"type":"Number","desc":"Minimum value of the model; Set track's minimum value","default":"0","category":"model","required":false},"max":{"type":"Number","desc":"Maximum value of the model; Set track's maximum value","default":"100","category":"model","required":false},"inner-min":{"type":"Number","desc":"Inner minimum value of the model; Use in case you need the model value to be inside of the track's min-max values; Needs to be higher or equal to 'min' prop; Defaults to 'min' prop","category":"model","addedIn":"v2.4"},"inner-max":{"type":"Number","desc":"Inner maximum value of the model; Use in case you need the model value to be inside of the track's min-max values; Needs to be lower or equal to 'max' prop; Defaults to 'max' prop","category":"model","addedIn":"v2.4"},"step":{"type":"Number","desc":"Specify step amount between valid values (> 0.0); When step equals to 0 it defines infinite granularity","default":"1","category":"model","required":false},"snap":{"type":"Boolean","desc":"Snap on valid values, rather than sliding freely; Suggestion: use with 'step' prop","category":"behavior"},"reverse":{"type":"Boolean","desc":"Work in reverse (changes direction)","category":"behavior"},"vertical":{"type":"Boolean","desc":"Display in vertical direction","category":"behavior"},"color":{"type":"String","tsType":"NamedColor","desc":"Color name for component from the Quasar Color Palette","examples":["'primary'","'teal'","'teal-10'"],"category":"style"},"track-color":{"type":"String","tsType":"NamedColor","desc":"Color name for the track (can be 'transparent' too) from the Quasar Color Palette","examples":["'primary'","'teal'","'teal-10'"],"category":"style","addedIn":"v2.4"},"track-img":{"type":"String","desc":"Apply a pattern image on the track","transformAssetUrls":true,"examples":["'~assets/my-pattern.png'"],"category":"style","addedIn":"v2.4"},"inner-track-color":{"type":"String","tsType":"NamedColor","desc":"Color name for the inner track (can be 'transparent' too) from the Quasar Color Palette","examples":["'primary'","'teal'","'teal-10'"],"category":"style","addedIn":"v2.4"},"inner-track-img":{"type":"String","desc":"Apply a pattern image on the inner track","transformAssetUrls":true,"examples":["'~assets/my-pattern.png'"],"category":"style","addedIn":"v2.4"},"selection-color":{"type":"String","tsType":"NamedColor","desc":"Color name for the selection bar (can be 'transparent' too) from the Quasar Color Palette","examples":["'primary'","'teal'","'teal-10'"],"category":"style","addedIn":"v2.4"},"selection-img":{"type":"String","desc":"Apply a pattern image on the selection bar","transformAssetUrls":true,"examples":["'~assets/my-pattern.png'"],"category":"style","addedIn":"v2.4"},"label":{"type":"Boolean","desc":"Popup a label when user clicks/taps on the slider thumb and moves it","category":"content"},"label-color":{"type":"String","tsType":"NamedColor","desc":"Color name for component from the Quasar Color Palette","examples":["'primary'","'teal'","'teal-10'"],"category":"style"},"label-text-color":{"type":"String","tsType":"NamedColor","desc":"Color name for component from the Quasar Color Palette","examples":["'primary'","'teal'","'teal-10'"],"category":"style"},"switch-label-side":{"type":"Boolean","desc":"Switch the position of the label (top <-> bottom or left <-> right)","category":"style","addedIn":"v2.4"},"label-always":{"type":"Boolean","desc":"Always display the label","category":"behavior|content"},"markers":{"type":["Boolean","Number"],"desc":"Display markers on the track, one for each possible value for the model or using a custom step (when specifying a Number)","category":"content","examples":["5","true"]},"marker-labels":{"type":["Boolean","Array","Object","Function"],"tsType":"SliderMarkerLabels","desc":"Configure the marker l
|