en-US

The simplest usage.

zh-CN

最简单的用法。

import { useState } from 'react';

import { DSlider } from '@react-devui/ui';

export default function Demo() {
  const [value, setValue] = useState(40);

  return (
    <>
      <DSlider dModel={value} onModelChange={setValue}></DSlider>
      <br />
      <DSlider dModel={20} dDisabled></DSlider>
    </>
  );
}