Tuya Developer Forum

Code: Select all

<Slider
              maxTrackHeight="30px"
              maxTrackRadius="15px"
              minTrackHeight="30px"
              minTrackRadius="15px"
              thumbHeight="28px"
              thumbWidth="28px"
              maxTrackColor="#f2f2f2"
              minTrackColor="#43aaff"
              min={0}
              max={100}
              step={1}
              value={env_bright}
              onAfterChange={value => dpActions.env_bright.set(value)}
            />

Code: Select all

// @ts-nocheck

import React, { useState } from 'react';
import Slider from '@ray-js/components-ty-slider';

import React from 'react';

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

  return (
    <Slider
      maxTrackHeight="30px"
      maxTrackRadius="15px"
      minTrackHeight="30px"
      minTrackRadius="15px"
      thumbHeight={28}
      thumbWidth={28}
      parcel
      maxTrackColor="#f2f2f2"
      minTrackColor="#43aaff"
      min={0}
      max={100}
      step={1}
      value={value}
      onAfterChange={value => setValue}
    />
  );
}