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 @welcome-ui/textarea

Overview Props

import * as React from 'react'
import { Textarea } from '@welcome-ui/textarea'

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

export default Example

Installation

Run the following command:

yarn add @welcome-ui/textarea

Import component:

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

Examples

With Field

Example with Field component

Slider Time picker