AlphaSlider
AlphaSlider
컬러 피커에서 알파(투명도) 채널을 선택하는 슬라이더 컴포넌트예요. 0부터 1까지의 값을 받아요. ColorPicker 컴포넌트의 일부지만 단독으로도 사용할 수 있어요.
출처: 문서
본문
Usage
AlphaSlider 컴포넌트로 색상의 알파(투명도) 값을 선택할 수 있게 해줘요. 0부터 1까지의 값을 받아요. AlphaSlider는 ColorPicker 컴포넌트의 일부분이지만 단독으로도 사용할 수 있어요.
import { useState } from 'react';
import { AlphaSlider, Text } from '@mantine/core';
function Demo() {
const [value, onChange] = useState(0.55);
return (
<>
<Text>Alpha value: {value}</Text>
<AlphaSlider value={value} onChange={onChange} color="#f50" />
</>
);
}