docs(slider): update

This commit is contained in:
Benjamin Canac
2024-07-31 12:52:29 +02:00
parent 0635c5434c
commit b9e3fcb0f1
2 changed files with 132 additions and 1 deletions

View File

@@ -11,7 +11,137 @@ links:
## Usage
## Examples
Use the `v-model` directive to control the value of the Slider.
::component-code
---
external:
- modelValue
props:
modelValue: 50
---
::
Use the `default-value` prop to set the initial value when you do not need to control its state.
::component-code
---
props:
defaultValue: 50
---
::
### Min / Max
Use the `min` and `max` props to set the minimum and maximum values of the Slider. Defaults to `0` and `100`.
::component-code
---
ignore:
- defaultValue
props:
min: 0
max: 50
defaultValue: 50
---
::
### Step
Use the `step` prop to set the increment value of the Slider. Defaults to `1`.
::component-code
---
ignore:
- defaultValue
props:
step: 10
defaultValue: 50
---
::
### Multiple
Use the `v-model` directive or the `default-value` prop with an array of values to create a range Slider.
::component-code
---
external:
- modelValue
props:
modelValue: [25, 75]
---
::
Use the `min-steps-between-thumbs` prop to limit the minimum distance between the thumbs.
::component-code
---
external:
- modelValue
props:
modelValue: [25, 50, 75]
minStepsBetweenThumbs: 10
---
::
### Orientation
Use the `orientation` prop to change the orientation of the Slider.
::component-code
---
ignore:
- defaultValue
- class
props:
orientation: vertical
defaultValue: 50
class: 'h-96 mx-auto'
---
::
### Color
Use the `color` prop to change the color of the Checkbox.
::component-code
---
ignore:
- defaultValue
props:
color: gray
defaultValue: 50
---
::
### Size
Use the `size` prop to change the size of the Checkbox.
::component-code
---
ignore:
- defaultValue
props:
size: xl
defaultValue: 50
---
::
### Disabled
Use the `disabled` prop to disable the Checkbox.
::component-code
---
ignore:
- defaultValue
props:
disabled: true
defaultValue: 50
---
::
## API

View File

@@ -132,6 +132,7 @@ export default defineNuxtConfig({
'UKbd',
'ULink',
'UProgress',
'USlider',
'USwitch',
'UTabs',
'UTextarea',