/
bearury
/
ui-kit-ce
Обзор
Документация
Войти
/
bearury
/
ui-kit-ce
Код
Запросы
0
Задачи
Вики
Пакеты
0
Релизы
0
Аналитика
Безопасность
develop
packages/input/examples/InputWithCustomCounter.tsx
29 строк
681 B
Denis Svyatovets
v1.10.0
27 мар 2024, 13:48
27 мар 2024, 13:48
c9029ae
Код
Авторство
О чём код?
import * as React from 'react' import { createUseStyles, Input } from '@v-uik/base' const maxLength = 100 const useStyles = createUseStyles((theme) => ({ suffix: { fontFamily: theme.typography.fontFamily.text, fontSize: theme.typography.fontSize.code2, color: theme.palette.greyWarm.$40, }, })) export const InputWithCustomCounter = (): JSX.Element => { const [value, setValue] = React.useState<string>('') const styles = useStyles() return ( <Input label="Login" classes={{ suffix: styles.suffix }} suffix={`${value.length}/${maxLength}`} inputProps={{ maxLength }} value={value} onChange={setValue} /> ) }