/**
 * title: "基础形态交互（以从左向右配置为例）"
 * description: "基础交互形态。"
 */
import React from 'react';
import { Range } from '@alicloud/console-components';

const style = {
  marginBottom: '15px',
};
const h4Style = {
  fontSize: '12px',
  marginTop: '24px',
};
export default () => {
  return (
    <div>
      <h4 style={h4Style}>默认</h4>
      <Range defaultValue={4} style={style} max={10} hasTip />
      <h4 style={h4Style}>禁用</h4>
      <Range defaultValue={4} style={style} max={10} disabled />
    </div>
  );
};