Forms

Dashkit supports all of Bootstrap's default form styling in addition to a handful of new input types and features.

Bootstrap documentation

Sizing

Set heights using classes like .form-control-lg and .form-control-sm.

Input group

Easily extend form controls by adding text, buttons, or button groups on either side of textual inputs, custom selects, and custom file inputs.

@
@example.com

Validation

Provide valuable, actionable feedback to your users with HTML5 form validation–available in all our supported browsers.

Flush

Landkit only

Remove borders and horizontal paddings from a form control with a .form-control-flush modifier.

<input type="text" class="form-control form-control-flush" placeholder="Form control flush">

Floating labels

Landkit only

Make labels floating over inputs as you type.

<form>
  <div class="form-label-group">
    <input type="text" class="form-control form-control-flush" id="cardName" placeholder="Name">
    <label for="cardName">Name</label>
  </div>
  <div class="form-label-group">
    <input type="email" class="form-control form-control-flush" id="cardEmail" placeholder="Email">
    <label for="cardEmail">Email</label>
  </div>
  <div class="form-label-group">
    <input type="password" class="form-control form-control-flush" id="cardPassword" placeholder="Password">
    <label for="cardPassword">Password</label>
  </div>
  <div class="mt-6">
    <button class="btn btn-block btn-success lift" type="submit">
      Download a sample
    </button>
  </div>
</form>
Jump to