Form
A form is a container for different types of input controls which allow a user to submit information to the application.
Variations
Lorem ipsum dolor sit amet
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Details
Usage
The form component is a simple snippet that shows how to include basic form elements in your web project.
Guidelines
- Requires input controls to submit information
HTML structure
Overall HTML view of a form component:
div.form
div[data-image]div.form-content
h3pform
Presets
Form presets:
| Preset | Description |
|---|---|
| Default | Default template. |
Variations
Form variations:
| Variation | Description |
|---|---|
| Default | Composed of form element examples. |
Most component variations are just samples of what can be achieved. Some components are flexible and expandable and this variations might not reflect all possible options.
Modifiers
Form classes:
| Class | Description |
|---|---|
-two-columns | Affects the form layout displaying the elements in two columns. |
To enable a modifier, add it as a class to the outermost element of this component.
Embedding
The form component cannot be embedded inside other component.
main (HTML file)
div.formNesting
The form component cannot be used as a container of other components and/or elements.
main (HTML file)
div.form