Textarea
Многострочное поле ввода.
Передавайте строку в value; onChange возвращает новое значение и событие.
Живой пример
Настройки примера
Использование
'use client';
import { Textarea } from '@prosazhin/pbcomponents';
import { useState } from 'react';
function Example() {
const [value, setValue] = useState('');
return (
<Textarea
value={value}
onChange={setValue}
placeholder='Placeholder'
/>
);
}API компонента
| Prop | Тип / варианты | Назначение | По умолчанию |
|---|---|---|---|
size | 's' | 'm's · m | Размер компонента. | m |
disabled | boolean | Блокирует взаимодействие. | false |
error | boolean | Показывает состояние ошибки. | false |
placeholder | string | Подсказка в пустом поле. | — |
value | string | Текущее значение управляемого компонента. | — |
onChange | (value: string, event: InputEvent) => void | Сообщает новую строку и событие ввода. | — |
className | string | Класс корневого элемента. | — |
wrapperClassName | string | Класс внешней обёртки. | — |
rows | number | Число строк видимой области. | — |
Нативные HTML-атрибуты поддерживаются там, где компонент рендерит соответствующий элемент. Параметры className управляют только оформлением.