Forms

Form Inputs

Text Input

With Hint We'll never share your email.

Select

Textarea


      <div class="form-group">

        <label class="form-label">Label</label>

        <input type="text" class="form-input">

        <span class="form-hint">Help text</span>

      </div>

Checkboxes & Radios

Checkboxes

Option A Option B Option C

Radio Buttons

Choice 1 Choice 2 Choice 3

Horizontal Radios

Yes No

Buttons

Solid Buttons

Outline Buttons

Other Styles

Sizes


    <button class="btn btn-primary">Primary</button>

    <button class="btn btn-outline-secondary btn-lg">Large Outline</button>

Form Submission

Use w-action for built-in CRUD operations:


        <form action="/w-action/posts?w-action=create&w-redirect=/posts">

          <input type="text" name="title" class="form-input">

          <button type="submit" class="btn btn-primary">Create</button>

        </form>