Components

1<form class="ui-form">
2  <div class="ui-form-group">
3    <label class="ui-label">Full name</label>
4    <input type="text" class="ui-input" placeholder="John Doe" />
5  </div>
6  <div class="ui-form-group ui-error">
7    <label class="ui-label">Email</label>
8    <input type="email" class="ui-input ui-error" />
9    <p class="ui-helper ui-error">Please enter a valid email.</p>
10  </div>
11  <div class="ui-form-actions">
12    <button type="submit" class="ui-button ui-primary">Submit</button>
13    <button type="button" class="ui-button ui-outline">Cancel</button>
14  </div>
15</form>
16
17<!-- Horizontal layout -->
18<form class="ui-form ui-horizontal">
19  <div class="ui-form-group">
20    <label class="ui-label">Name</label>
21    <input type="text" class="ui-input" />
22  </div>
23</form>