Textarea

Overview

Textarea inputs enable the user to interact with and input content and data that spans multiple lines. This component can be used for long and short form entries.

Default

<label htmlFor="message" id="message-label" className="ml-4 mb-2 font-semibold">How are you looking to use TalkJS?</label>
<textarea 
  placeholder="Tell us about your business..." 
  type="text"
  id="message"
  rows="4" 
  className="p-4 border-2 rounded-2xl resize-none border-gray-200 dark:bg-gray-900 dark:border-gray-700" 
  aria-label="message"
  aria-labelledby="message-label"
  required>
</textarea>

Description

<label htmlFor="message" id="message-label" className="ml-4 mb-1 font-semibold">
  How are you looking to use TalkJS?
</label>
<div className="input-description ml-4 mb-2 text-sm">
  Tell us about your business and what how we can help
</div>
<textarea  
  type="text"
  id="message"
  rows="4" 
  className="p-4 border-2 rounded-2xl resize-none border-gray-200 dark:bg-gray-900 dark:border-gray-700" 
  aria-label="message"
  aria-labelledby="message-label"
  required>
</textarea>