Textarea
The Textarea component in the Velocify UI library provides a flexible and customizable input field for multi-line text. It supports various styling options, including rounded corners and different variants like default or secondary. Additionally, the component offers status indicators such as success, error, warning, and info, allowing you to provide contextual feedback. It can also be easily disabled when needed. The Textarea is perfect for capturing user input in forms and other interactive elements, ensuring adaptability to different design needs and use cases.
Basic Textarea
1<Textarea placeholder="Default Textarea" variant="default" />Textarea API Reference
Prop | Type | Default |
|---|---|---|
className | string | - |
rounded | string | default |
variant | string | default |
disabled | boolean | false |
status | string | - |
* Required | ||
Prop | Types |
|---|---|
rounded | default none |
variant | default secondary |
status | success error warning info |
Disabled Textarea
1<Textarea variant="default" disabled />Textarea - Rounded
1<Textarea placeholder="Rounded None" rounded="none" />
2<Textarea placeholder="Rounded Default" rounded="default" />Textarea - Status Types
Success Status
1<Textarea
2 placeholder="Default Textarea"
3 status="success"
4/>
5<Textarea
6 placeholder="Default Textarea"
7 status="error"
8/>
9<Textarea
10 placeholder="Default Textarea"
11 status="warning"
12/>
13<Textarea
14 placeholder="Default Textarea"
15 status="info"
16/>Textarea Styles
Secondary Textarea
1<Textarea placeholder="Secondary Textarea" variant="secondary" />