TextArea

The TextArea component is a form control that allows users to enter multiple lines of text, with support for various styles and states.

Basic Usage

import { TextArea, ThemeProvider } from "@carton-org/react-neumorphism";

const MyComponent = () => {
  return (
    <TextArea
      label="Description"
      placeholder="Enter your description here..."
    />
  );
};

Live Example

Description

Props

Name	Type	Description	Required	Default Value
label	string	Label text for the TextArea	No	-
placeholder	string	Placeholder text when TextArea is empty	No	-
inputSize	"xs" | "sm" | "md" | "lg" | "xl"	Size of the TextArea	No	"sm"
disabled	boolean	Whether the TextArea is disabled	No	false
textAreaStyle	React.CSSProperties	Custom styles for the textarea element	No	-
textAreaContainerStyle	React.CSSProperties	Custom styles for the container element	No	-
textAreaLabelStyle	React.CSSProperties	Custom styles for the label element	No	-

Examples

States

With Label

Labeled TextArea

With Placeholder

Disabled

Disabled TextArea