Textarea

The Textarea component is a multi-line input field that allows users to enter and edit larger blocks of text. It is commonly used in forms and applications where more extensive text input is required, such as comments, descriptions, or messages. This component provides features like resizing, placeholder text, and validation, enhancing the user experience by accommodating detailed text entry.

Source

Overview Props

import { Textarea } from 'welcome-ui/Textarea'

const Example = () => {
  return (
    <Textarea
      name="textarea"
      placeholder="Lorem ipsum dolor sit amet, consectetur adipiscing elit."
    />
  )
}

export default Example

Examples

Adaptative

Use isAdaptative to display a textarea that resizes according to its content.

Variants

Use warning, danger, or success properties to add a variant status on your textarea.

Slider Time picker