Form Layouts

4 components in this section

Simple Form Section

Form section container with optional heading

HTML

React

Web Components

<div class="dg-form-field">
  <label class="dg-form-label">Name</label>
  <input type="text" class="dg-input" placeholder="Enter your name" />
</div>

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

<FormField>
  <FormLabel>Name</FormLabel>
  <Input type="text" placeholder="Enter your name" />
</FormField>

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

<dg-form-field>
  <dg-form-label>Name</dg-form-label>
  <dg-input type="text" placeholder="Enter your name"></dg-input>
</dg-form-field>