1.3.3 • Published 2 months ago
@eisgs/textarea v1.3.3
Базовый Textarea
Ссылка на компонент ref
пробрасывается в html textarea. onChange
и value
позволяют управлять содержимым.
label
и placeholder
позволяют указать дополнительную информацию для пользователя
import { Button } from "@eisgs/button";
const [value, setValue] = React.useState('');
const textareaRef = React.useRef();
const handleFocus = () => textareaRef.current.focus();
<div style={{ width: "300px" }}>
<Textarea
ref={textareaRef}
label="Поле ввода"
placeholder="Укажите значение"
value={value}
onChange={setValue}
/>
<div style={{ display: 'flex', justifyContent: 'flex-end', marginTop: '10px' }} >
<Button onClick={ handleFocus }>Фокус</Button>
</div>
</div>
Валидация
error
- строка с текстом ошибки, при передаче в компонент строки со значением выводит его
<div style={{ marginBottom: "20px" }}>
<Textarea
value="Значение 1"
error="Текст ошибки"
/>
</div>
disabled
disabled
блокирует изменение поля
<Textarea
label="Поле ввода"
placeholder="Укажите значение"
value="Значение 1"
disabled
/>
Подсказка
hint
позволяет указать подсказку для поля
<Textarea label="Поле с подсказкой" hint="Подсказка" />
MaxLength
Параметр maxLength
позволяет ограничивать количество вводимых символов
const [value, setValue] = React.useState('');
<Textarea
maxLength={10}
label="Поле ввода"
placeholder="Укажите значение"
value={value}
onChange={setValue}
/>
1.3.3
2 months ago
1.3.2
8 months ago
1.3.1
1 year ago
1.3.0
1 year ago
1.2.5
2 years ago
1.2.4
2 years ago
1.2.3
2 years ago
1.2.2
2 years ago
1.2.0
2 years ago
1.1.0
2 years ago
1.1.3
2 years ago
1.1.2
2 years ago
1.0.8
3 years ago
1.0.7
3 years ago
1.0.2
3 years ago
1.0.6
3 years ago
1.0.5
3 years ago
1.0.4
3 years ago
1.0.3
3 years ago
1.0.1
3 years ago