Textareas

1 component in this section

Textarea

Multi-line text input

HTML

React

Web Components

<div class="dg-form-field">
  <label class="dg-form-label">Message</label>
  <textarea class="dg-textarea" placeholder="Enter your message..."></textarea>
</div>

import { FormField, FormLabel, Textarea } from '@deepgram/styles/react';

<FormField>
  <FormLabel>Message</FormLabel>
  <Textarea placeholder="Enter your message..." />
</FormField>

<script type="module">
  import '@deepgram/styles/wc';
</script>

<dg-form-field>
  <dg-form-label>Message</dg-form-label>
  <dg-textarea placeholder="Enter your message..."></dg-textarea>
</dg-form-field>

Disabled Textarea

Multi-line text input

HTML

React

Web Components

<div class="dg-form-field">
  <label class="dg-form-label">Notes</label>
  <textarea class="dg-textarea" placeholder="Enter notes..." disabled="true"></textarea>
</div>

import { FormField, FormLabel, Textarea } from '@deepgram/styles/react';

<FormField>
  <FormLabel>Notes</FormLabel>
  <Textarea placeholder="Enter notes..." disabled />
</FormField>

<script type="module">
  import '@deepgram/styles/wc';
</script>

<dg-form-field>
  <dg-form-label>Notes</dg-form-label>
  <dg-textarea placeholder="Enter notes..." disabled="true"></dg-textarea>
</dg-form-field>