oa/documentation/plugins/slider/slider-color-documentation.md

state

state
value1 value2 value3 value4 78 24 52 61

Slider colors

The <Slider /> component supports multiple colors. The default color is the theme $primary color. Available color classes modifiers are: is-slider-info, is-slider-success, is-slider-warning, is-slider-danger.

<script setup lang="ts">

const value = ref(0)
</script>

<template>
  <VField v-slot="{ id }" class="has-rounded-tooltip is-slider-info">
    <VControl>
      <Slider :id="id" v-model="value" />
    </VControl>
  </VField>
</template>