/
kaws
/
ui-kit-ce
Обзор
Документация
Войти
/
kaws
/
ui-kit-ce
Код
Запросы
0
Задачи
Вики
Пакеты
0
Релизы
0
Аналитика
Безопасность
develop
packages/input-number/examples/MinAndMaxExample.tsx
39 строк
785 B
Denis Svyatovets
v1.10.0
27 мар 2024, 13:48
27 мар 2024, 13:48
c9029ae
Код
Авторство
О чём код?
import * as React from 'react' import { InputNumber } from '@v-uik/input-number' const MIN = 1 const MAX = 100 export const MinAndMaxExample: React.FC = () => { const [value, setValue] = React.useState<number | null>(10) const handleChange = (val: number | null) => { setValue(val) } const errorText = React.useMemo(() => { if (value === null) { return '' } if (value < MIN) { return `Number is not valid. Min value is ${MIN}.` } if (value > MAX) { return `Number is not valid. Max value is ${MAX}.` } return '' }, [value]) return ( <InputNumber value={value} error={!!errorText} helperText={errorText} helperTextProps={{ error: !!errorText }} onChange={handleChange} /> ) }