Home Documentation
Getting started General
Components
Forms
Utilities
Sass Plugins
Check changelog.
1.0.0-beta.2

Inputs

Text inputs

Forms are made to let the user send data through input fields. To design it, wrap your label and input inside a div with a .form-field class.
To design your inputs, simply add the .form-control class on it.
Readonly and disabled inputs are designed too.

You can click but not edit in readonly mode.

Textarea

Textareas are usefull to let the user send large messages.
To use it, add the same .form-control class as before.
Initially, our textareas are not resizable horizontally, and the max and min heights are defined. To change it, you can use rows="" attribute.

Inline forms

Create an inline form by using the .inline class on the .form-field element.

Helper text

A helper text is usefull to show informations about what the input should recieve.
To create a helper text, add a span with the .form-helper class below your input.

This is a helper text.