zilly-ui/src/slider/slider.mdx

Zilly web react ui components

---
name: Slider
---

import { Playground, Props } from "docz";
import  Slider  from "./index";
import Demo from './demo.tsx';

# Slider

## Props 

| Property | Description | Type | Default |
:---|:---|:---|:---|
| className | wrap classname | string | - |
| defaultValue | slider defaultvalue | number\|array[number] | - |
| value | slider value | number\|array[number] | 0 |
| range | double Slider or slider | init number[]|init number | false |
| max | the slider max value | init number | 100 |
| min | the slider min value | init number | 0 |
| step | the slider step length | init number | 1 |
| tipFormatter | formate tips function | v:string=>void | - |
| onAfterChange | after value change callback | v:number\|array[number]=>void | - |
| onChange | onchange callback | v:number\|array[number]=>void | - |
| width | the slider width | number | 300 | 
| title | the slider head title | string | - |
| rangeText | the slider range text | string | - |
| disabled | is disabled | boolean | false |


### base useage

<Playground>
    <Slider title="Loan duration" rangeText="1-100%" max={100} min={1} value={20}  />
</Playground>


### disabled

<Playground>
    <Demo />
</Playground>