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

Mark

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

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