Tuya Developer Forum

Code: Select all

import { Slider } from '@ray-js/smart-ui';
import React from 'react';

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

  return (
    <Slider
      maxTrackHeight="4px"
      minTrackHeight="4px"
      thumbHeight="28px"
      thumbWidth="28px"
      value={value}
      onChange={value => setValue(value)}
      style={{
        height: '64px'
      }}
    />
  );
}