omi/components/slider

Slider

used for dragging through content on page

• → CodePen

Import

import '@omiu/slider'

Or use script tag to ref it.

<script src="https://unpkg.com/@omiu/slider"></script>

Usage

<o-slider></o-slider>

API

Props

{
  min?: number
  max?: number
  step?: number
  value?: number
  second_value?: number
  size: 'small' | 'normal' | 'large'
  range: 'single' | 'double'
  orient?: 'vertical' | 'horizontal'
  shape: 'square' | 'round'
  tooltip?: boolean
  disabled?: boolean
  reversed?: boolean
}

Default Props

{
  //default a single round range slider
  min: undefined,
  max: undefined,
  step: 1,
  value: undefined,
  second_value: undefined,
  range: 'single',
  size: 'normal',
  orient: 'horizontal',
  shape: 'round',
  tooltip: false,
  disabled: false,
  reversed: false,
}

Events

• input
• change