File size: 742 Bytes
84c1942 | 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 | import React, { ChangeEvent, FunctionComponent } from 'react';
import { Input } from '@codesandbox/components';
type Props = {
setValue: (value: number) => void;
step?: number;
max?: number;
min?: number;
value: number;
style?: React.CSSProperties;
};
export const PreferenceNumber: FunctionComponent<Props> = ({
setValue,
step,
style,
value,
max,
min,
}) => {
const handleChange = ({ target }: ChangeEvent<HTMLInputElement>) => {
if (!Number.isNaN(+target.value)) {
setValue(+target.value);
}
};
return (
<Input
onChange={handleChange}
step={step}
style={{ width: '3rem', ...style }}
type="number"
value={value}
max={max}
min={min}
/>
);
};
|