Slider.md

Slider (component)

Props

prop name	isRequired	type
attributes		object
disabled		bool
max		number
min		number
name	✔️	string
onChange		func
onDragEnd		func
onDragStart		func
orientation		`enum('horizontal'
rangeTemplate		func
readOnly		bool
showSteps		bool
step		number
toolTipTemplate		func
type		`enum('value'
value		`union(array

attributes

type: object defaultValue: {}

disabled

type: bool defaultValue: false

max

type: number defaultValue: 20

min

type: number defaultValue: 0

name (required)

type: string

onChange

type: func

onDragEnd

type: func defaultValue: noop

onDragStart

type: func defaultValue: noop

orientation

type: enum('horizontal'|'vertical') defaultValue: 'horizontal'

rangeTemplate

type: func

defaultValue:

function(min, max) {
  return (
    <div className='slider-range' >
      <div className='slider-range-min' >{min}</div>
      <div className='slider-range-max' >{max}</div>
    </div>
  );
}

readOnly

type: bool defaultValue: false

showSteps

type: bool defaultValue: false

step

type: number defaultValue: 1

toolTipTemplate

type: func

defaultValue:

function(value) {
  return value;
}

type

type: enum('value'|'range') defaultValue: 'value'

value

type: union(array|number) defaultValue: [5, 10]