xt/color-q
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

增加展示颜色分量单位功能。

Browse Source
This commit is contained in:
徐涛 2024-12-31 11:24:25 +08:00
parent 71978c1357
commit 3524568fec
1 changed files with 6 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
src/components/ColorRangePicker.tsx
View File

@ -6,6 +6,7 @@ import styles from './ColorRangePicker.module.css';
type ColorRangePickerProps = { type ColorRangePickerProps = {
title: string; title: string;
value?: number; value?: number;
unit?: string;
onChange: (value: number) => void; onChange: (value: number) => void;
gradient: string; gradient: string;
min?: number; min?: number;
@ -17,6 +18,7 @@ type ColorRangePickerProps = {
export function ColorRangePicker({ export function ColorRangePicker({
title, title,
value = 0, value = 0,
unit,
onChange, onChange,
gradient, gradient,
min = 0, min = 0,
@ -41,7 +43,10 @@ export function ColorRangePicker({
<div className={styles.picker_container}> <div className={styles.picker_container}>
<div className={styles.title_row}> <div className={styles.title_row}>
<label>{title}</label> <label>{title}</label>
<span>{pickerValue}</span> <span>
{pickerValue}
{unit}
</span>
</div> </div>
<input <input
type="range" type="range"