naive-ui/demo/documentation/components/slider/enUS/mark.md

Mark

<n-slider
  v-model="value"
  range
  :marks="marks"
  :step="10"
/>
<n-input-number
  size="small"
  v-model="value[0]"
/>
<n-input-number
  size="small"
  v-model="value[1]"
/>

export default {
  data () {
    return {
      value: [50, 70],
      marks: {
        34: 'Amazing',
        75: 'Good'
      }
    }
  }
}

.n-slider {
  margin-bottom: 8px;
}
.n-input-number {
  margin: 0 12px 8px 0;
}