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

Github

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.

Github

Variants

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

Github

Slider Time picker