doc-burger

Input Textarea

A component for entering and editing multiline textual data

An input textarea allows users to enter and edit multiline textual data, providing options for controlling its behavior and appearance.

input-textarea component of Peaka

Key Features

Input textareas offer the following key features:

  • Value: Input textareas have a "Value" property, allowing users to input and display multiline text. The value can be used in your project.

  • Label: The label is the text displayed above the input textarea, providing context for the user.

  • Hint: A hint can be displayed below the input textarea to offer additional guidance or instructions to users.

  • Placeholder: Optionally, specify a placeholder text to describe the expected multiline text input.

  • Auto Resize: The "Auto Resize" switch controls whether users can manually change the size of the textarea. When enabled, the size changes automatically.

  • Disabled: When enabled, the "Disabled" property makes the input textarea unchangeable, preventing user interaction.

  • Styles: Customize the initial styles of the input textarea to align with your application's design.

How to Use Input Textareas

To use input textareas in your application, follow these steps:

  1. Value: Utilize the "Value" property to set or retrieve the multiline text content of the input textarea.

  2. Label: Add a descriptive label above the input textarea to provide context for the user.

  3. Hint: Include a hint below the input textarea to offer additional guidance or instructions to users.

  4. Placeholder: Optionally, specify a placeholder text to describe the expected multiline text input.

  5. Auto Resize: Use the "Auto Resize" switch to control whether users can manually resize the textarea.

  6. Disabled State: Use the "Disabled" property to make the input textarea unchangeable when necessary.

Use Cases

Input textareas are commonly used in various scenarios, including:

  • Text entry: Allow users to input multiline textual data, such as comments, descriptions, or notes.

  • Form inputs: Include input textareas in forms for collecting longer textual information, such as reviews or feedback.

  • Content editing: Implement input textareas for editing and composing longer content, such as articles or blog posts.

Input textareas provide users with a versatile and intuitive way to input and edit multiline text, enhancing the usability of your application.