Documents

Home
Styles
Button Form Grid Label Table Text Typography
Components
Box Breadcrumb Dropdown Menu Message Modal Pagination Sidebar

Styr

gitlab.com:grauwoelfchen/styr

Home / Form

Form

Plain

<form class="form">
...
</form>

Password

Specify `type="password"` same as <input type="text">

<form class="form">
...
</form>

Error

THIS FIELD IS SUPER IMPORTANT

Enter your first name
You should check this field
<form class="form">
...
</form>

Required

<form class="form">
...
</form>

Form Header

Name

<form class="form">
...
</form>

Textarea

Feedback

Enter your message as feedback kindly. Thank you so much!

<form class="form">
<h3 class="header">Feedback</h3>
<div class="field">
  <label class="label">Message</label>
  <textarea rows="2" placeholder>I was actually a robot...</textarea>
</div>
...
</form>

Select

What is your material? Please check...

  • Current main parts
  • Spare parts

Made in ?

<form class="form">
...
</form>

Row

Use `field-N` same as column-N

<form class="form">
  <div class="row">
    <div class="field-8">
    ...
    </div>
    <div class="field-8">
    ...
    </div>
  </div>
  ...
</form>

offset-N

<form class="form">
  <div class="row">
    <div class="field-6 field-m-16">
    ...
    </div>
    ...
  </div>
  ...
</form>