Form

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam

Form Elements

At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga.

Input Fields
States

We will send you a confirmation email to this address.

We will send you a confirmation email to this address.

We will send you a confirmation email to this address.

Selection
Checkbox
Radios
Switchers
Turn off this feature
Turn on this feature
Basic Form

At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga.

Sample
Code
  • ui form
  • //Text Field
  • field
  • label
  • ui fluid input
  • input
  • //Checkbox Field
  • field
  • checkbox
  • label
  • input
  • {Checkbox Text}
  • ui button
  • {Button Text}
Complicated

At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga.

Sample
Code
  • ui form
  • //Text Field
  • field
  • label
  • ui fluid input
  • input
  • //Checkbox Fields
  • grouped fields
  • label
  • field
  • checkbox
  • input(type="checkbox")
  • {Checkbox Option Text}
  • //Radio Fields
  • grouped fields
  • label
  • field
  • checkbox
  • input(type="radio")
  • {Radio Option Text}
  • //Text Area
  • field
  • label
  • textarea(rows="2")
  • //Selection
  • field
  • label
  • ui selection dropdown

© 2017 B3Networks.