Components
Slider
Get an input from a range of values.
Usage
Rate NuxtWind
<template>
<NXW-Slider
v-model="value"
:max="10"
label="Rating"
description="Rate NuxtWind"
/>
</template>
Props
color
object
Default
<template>
<NXW-Slider
:color="{
description: 'text-zinc-400',
sliderLine: 'bg-zinc-600 dark:bg-zinc-600',
sliderThumb: '#06b6d4',
sliderThumbDark: '#06b6d4',
sliderThumbBorder: '#155e75',
sliderThumbBorderDark: '#155e75',
}"
/>
</template>
description
string
Default
"" (empty string)
height
string
Default
h-0.5
label
string
Default
"" (empty string)
max
number
Default
100
min
number
rounded
string
|
boolean
Default
rounded-lg
thumb-size
number
Default
15
width
string
Default
w-full