Slider

Choose a numeric value by pointer or keyboard. Try the live example, then switch to Code to copy its Vue source.

Preview

<script setup>
import { ref } from 'vue'
import { NbSlider } from '@neobrut-vue/core'

const volume = ref(45)
</script>

<template>
  <NbSlider v-model="volume" label="Volume" :step="5" />
</template>

Usage

Import NbSlider from @neobrut-vue/core and its stylesheet once in your app. The Code tab above contains a complete example.