Spectre Forms

Spectre Forms is one of the most important elements in Spectre. Spectre forms offer us so many common style classes that designing a form becomes so easy. Like creating input fields, textarea, select, checkboxes, etc. All the components are mentioned and described below.

• Spectre Form input: This control styles used to set the input field.
• Spectre Form textarea: This control styles used to set the textarea.
• Spectre Form select: This control styles used to set the select options.
• Spectre Form radio: This control styles used to to set the radio buttons.
• Spectre Form switch: This control styles used to ti set the switch buttons.
• Spectre Form checkbox: This control styles used to set the checkboxes.
• Spectre Forms Inline forms: This control styles used to make the form inline.
• Spectre Forms Horizontal forms: This control styles used to make the form horizontal.
• Spectre Form sizes: This control styles used to the size of the form.
• Spectre Form icons: This control styles used to set the used icon in the form.
• Spectre Form Input types: This control styles used to set the input types.
• Spectre Form Input groups: This control styles used to categorized the input in groups.
• Spectre Form validation styles: This control styles used to set form validation success and error messages.
• Spectre Form disabled styles: This control styles used to disabled form components style.

Spectre Forms Class:

• form-group: This class is used to create a form

Note: To create a form in spectre above mentioned class will be container of forms component.

Syntax:

<div class="form-group">
...
</div>

Below example illustrate the Spectre Forms;

Example:

Output:

👁 Spectre Forms

Example 2:

Output:

👁 Spectre Forms

Reference: https://picturepan2.github.io/spectre/elements/forms.html#forms