TextArea Component
A multi-line text input component suitable for longer form content with resizable and customizable options.
Form Control
Live Preview
Current value:
Usage
import { TextArea } from '@featherstudio/react-daisyui-kit';
import { useState } from 'react';
export default function App() {
const [value, setValue] = useState('');
return (
<TextArea
rows={5}
placeholder="Enter your message..."
value={value}
onChange={setValue}
/>
);
}Features
Multi-line Support
Perfect for longer text entries and detailed content.
Resizable
Users can resize the textarea to fit their needs.
Row Control
Adjustable rows for different content lengths.
Accessible
Full keyboard and screen reader support.
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| rows | number | 4 | Number of rows |
| cols | number | - | Number of columns |
| value | string | - | Textarea value |
| onChange | (value: string) => void | - | Change handler that receives current text value |
| placeholder | string | - | Placeholder text |