---
title: Slider 滑动输入条
order: 26
group:
  path: /components
nav:
  title: 组件
  path: /components
---

## 使用

### 使用原则

- 用于数据输入时，或者跟滑动输入条配套使用
- 定义输入框 3 种高度（40px，34px，30px)，默认 34 尺寸高度；宽度可以根据实际使用场景和数值最大值进行调整

### 基本使用

```jsx
import React from 'react';
import { Slider } from 'quanta-design';

const marks = {
  0: '0G',
  250: '250G',
  500: '500G',
};

export default () => (
  <div style={{ width: 400 }}>
    <Slider max={500} min={0} step={1} defaultValue={250} marks={marks} />
  </div>
);
```