Search
Find
Form
Create and style a wide variety of forms
Checkbox
The redesigned checkbox element
Form field
A simple form container to group form sections
Input
The universal text input element
Label
Style your form labels
Radio button
The redesigned radio button element
Select
A basic dropdown selection element
Switch
A redesigned checkbox element that looks like a switch
Textarea
A multiline text input element
Form
Create and style a wide variety of forms
To create a
form, the first thing you have to do is to create the div that will contain it and then add the siimple-form class:
<div class="siimple-form"></div>
Next thing to do is to give a
title and a detail to the form:
<div class="siimple-form">
<div class="siimple-form-title">Send a comment</div>
<div class="siimple-form-detail">Fill the form to contact us.</div>
</div>
This is the look it will have once we add some form elements to it :
Send a comment
Fill the form to contact us.
Your name
Send comment
<div class="siimple-form">
<div class="siimple-form-title">Send a comment</div>
<div class="siimple-form-detail">Fill the form to contact us.</div>
<div class="siimple-form-field">
<div class="siimple-form-field-label">Your name</div>
<input type="text" class="siimple-input siimple-input--fluid" placeholder="Your name">
</div>
<div class="siimple-form-field">
<div class="siimple-btn siimple-btn--blue">Send comment</div>
</div>
</div>
Found a mistake or want to help improve this documentation?
Suggest changes.