Introduction | TrueUI

Molecules | Widgets

Collect Consent

Example

Enter your email address

Entering your email address and clicking the button below gives us consent to discuss this debt with you by sending messages to this email address.

HTML

<div class="shadow-1 pa3">
 <h3 class="mt0 mb3 f3 normal">Enter your email address</h3>
 <form class="w-100">
   <label for="email" class="db w-100 mb2">Email Address:</label>
   <input type="text" placeholder="Enter your email address" id="email" class="db pa2 ba b--charcoal-medium br1 mr2 mb2 charcoal-medium w-100">
   <input type="submit" value="Submit" class="btn btn--orange bn cursor-pointer">
 </form>
 <p class="charcoal-medium f6 lh-title">
   Entering your email address and clicking the button below gives us 
   consent to discuss this debt with you by sending messages to this email address.
 </p>
</div>