Forms

Examples and usage guidelines for form controls, all styled to fit the modern aesthetic of the dashboard.

Form Controls

<div class="mb-3">
  <label for="..." class="form-label">...</label>
  <input type="..." class="form-control" id="...">
</div>

Floating Labels

<div class="form-floating mb-3">
  <input type="email" class="form-control" id="floatingInput" placeholder="name@example.com">
  <label for="floatingInput">Email address</label>
</div>

Input Groups

@example.com

$ .00

<div class="input-group mb-3">
  <span class="input-group-text" id="...">@</span>
  <input type="text" class="form-control" placeholder="Username" ...>
</div>

Layout

<form class="row g-3">
    <!-- Form fields here -->
</form>