Introduction | TrueUI

Molecules | Widgets

Account Number

Example

Enter your account number

Find your account number on the letter you received. It looks like this: "47-XXXXX-XXXX".

HTML

<div class="shadow-1 pa3">
 <h3 class="mt0 mb3 f3 normal">Enter your account number</h3>
 <form class="w-100">
   <label for="email" class="db w-100 mb2">Account Number:</label>
   <input type="text" placeholder="Type your account number" id="email" class="db pa2 ba b--charcoal-medium br1 mr2 mb2 charcoal-medium w-100">
   <p class="charcoal-medium f6 lh-title">Find your account number on the letter you received. It looks like this: "47-XXXXX-XXXX".</p>
   <input type="submit" value="Go" class="btn btn--orange bn cursor-pointer">
 </form>
</div>