HueSlider

HueSlider (색조 슬라이더)

HueSlider 컴포넌트는 색상 선택기에서 색조(hue) 채널을 선택하는 슬라이더 컴포넌트예요. 0~360도 사이의 값을 선택할 수 있어요.

출처: 문서

본문

사용자가 색상의 색조(hue) 값을 선택할 수 있게 하려면 HueSlider 컴포넌트를 사용해요. 0부터 360까지의 값을 받아요. HueSlider는 ColorPicker 컴포넌트의 일부이지만, 별도로도 사용할 수 있어요.

import { useState } from 'react';
import { HueSlider, Text } from '@mantine/core';

function Demo() {
  const [value, onChange] = useState(250);

  return (
    <>
      <Text>Hue value: {value}</Text>
      <HueSlider value={value} onChange={onChange} />
    </>
  );
}

더 알아보기 (Learn more)