Forms components

Fram makes it easy to create beautiful forms, we created a bunch of components, that follows the Material design look and feel.

Checkboxes & radios

Here are some checkbox and radios components, there is a few different versions :

Text inputs

The Material design text inputs are made with a floating label, in Fram, the label is just the placeholder, that is turned into a label tag :

Range Slider

An other beautiful component of Material design, is the range slider, there is two main versions, the regular one, and the 'discrete' one. The discrete range slider was made with the courstesy of Ana Maria Tudor (Aka @TheBabyDino)

With output

With expanded output

Without output

With steps

With steps & output

With steps & output expand

Discrete Range Slider

With output

With expanded output

Without output

With steps

With steps & output

With steps & output expand