Usage
import { TextArea } from "lambda-ui-components";
export default function App() {
return (
<TextArea label="Description" placeholder="Enter your description..." />
);
}TextArea
TextArea component allows users to enter multi-line text.
Playground
Experiment with all the properties of the TextArea component in real time.
Properties
label
Optional text label for the textarea.
placeholder
Placeholder text.
helperText
Helper text displayed below the textarea.
errorMessage
Error message displayed when invalid.
variant
Defines the visual style of the textarea.
size
Controls the overall textarea size.
radius
Controls the roundness of the corners.
invalid
Indicates if the field is invalid.
disabled
Disables user interaction.
required
Indicates if the field is required.
Controlledvalue
Controls the value of the textarea.
API Reference
Props
Prop | Default | Type |
|---|---|---|
label | undefined | string |
placeholder | undefined | string |
value | undefined | string |
onChange | undefined | (e: React.ChangeEvent<HTMLTextAreaElement>) => void |
variant | "outline" | "solid" | "soft" | "outline" |
size | "medium" | "tiny" | "small" | "medium" | "large" |
radius | "medium" | "none" | "tiny" | "small" | "medium" | "large" | "full" |
invalid | false | boolean |
errorMessage | undefined | string |
helperText | undefined | string |
disabled | false | boolean |
required | false | boolean |