Slider
Caution: Slippery
Example
Show Code
vue
<script lang="ts" setup>
import { RSlider } from 'roughness'
import { ref } from 'vue'
let value = ref(62)
</script>
<template>
<RSlider v-model="value" />
</template>Usage
Props
| Name | Type | Default Value | Description |
|---|---|---|---|
| graphicsOptions | |||
| max | |||
| min | |||
| modelValue | |||
| step |
Events
| Name | Type | Description |
|---|---|---|
| update:modelValue |
Styles
| Name | Type | Default Value | Description |
|---|---|---|---|
| --r-slider-color | |||
| --r-slider-border-color | |||
| --r-slider-border-width | |||
| --r-slider-control-size | |||
| --r-slider-track-size |