siimple 3.1.1 Go to siimple.xyz
Form | siimple
Form
The guide to style your form elements using siimple.
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 on GitHub