Text and Textarea

The correct order is: 1. label, 2. i – prefix (optionally), 3. texttextareaemailurl, or tel. Graphics can be selected on this page: Material Icons

EXAMPLE:

						
COPY
<label>What's your favorite color?</label> <i class="material-icons prefix">color_lens</i> [text* your-color] <label>Describe your travel</label> <i class="material-icons prefix">airport_shuttle</i> [textarea your-travel]

THE RESULT:


color_lens


airport_shuttle

If you want to place elements in two columns, all you have to do is put them in the special container <div class=”two”>. Do not forget about spacing. This method works with any type of field.

						
COPY
<div class="two"> <label>Your name</label> <i class="material-icons prefix">account_circle</i> [text* your-name] <label>Your surname</label> <i class="material-icons prefix">account_box</i> [text* your-surname] <label>Your e-mail</label> <i class="material-icons prefix">email</i> [email* your-email] <label>Your phone</label> <i class="material-icons prefix">phone</i> [tel your-phone] </div>

THE RESULT:


account_circle


account_box


email


phone