|

   Veteran Tools Platform - Developer Documentation

Name Form

There are no notes for this item.

PropRequired?TypeDefaultDescription
<div class="usa-grid usa-width-one-whole">
    <form class="usa-form">
        <fieldset>
            <legend>Name</legend>
            <label for="title">Title</label>
            <input class="usa-input-tiny" id="title" name="title" type="text">

            <label for="first-name" class="usa-input-required">First name</label>
            <input id="first-name" name="first-name" type="text" required="" aria-required="true">

            <label for="middle-name">Middle name</label>
            <input id="middle-name" name="middle-name" type="text">

            <label for="last-name" class="usa-input-required">Last name</label>
            <input id="last-name" name="last-name" type="text" required="" aria-required="true">

            <label for="suffix">Suffix</label>
            <input class="usa-input-tiny" id="suffix" name="suffix" type="text">
        </fieldset>
    </form>
</div>
 
<div class="usa-grid usa-width-one-whole">
  <form class="usa-form">
    <fieldset>
      <legend>Name</legend>
      <label for="title">Title</label>
      <input class="usa-input-tiny" id="title" name="title" type="text">

      <label for="first-name" class="usa-input-required">First name</label>
      <input id="first-name" name="first-name" type="text" required="" aria-required="true">

      <label for="middle-name">Middle name</label>
      <input id="middle-name" name="middle-name" type="text">

      <label for="last-name" class="usa-input-required">Last name</label>
      <input id="last-name" name="last-name" type="text" required="" aria-required="true">

      <label for="suffix">Suffix</label>
      <input class="usa-input-tiny" id="suffix" name="suffix" type="text">
    </fieldset>
  </form>
</div>
 
package:
  name: department-of-veteran-affairs/jean-pants
  version: 0.1.0
assetPath: /design-system/
isProduction: true