Form

Layout wrapper for form sections, rows, and actions. Handles spacing, grid-based rows, and sticky action bars.

Default stacked layout

<form class="ln-form">
  <div class="ln-form__section">
    <h3 class="ln-form__heading">Account details</h3>
    <div class="ln-field">
      <label class="ln-field__label">Email</label>
      <div class="ln-field__control">
        <input type="email" placeholder="[email protected]">
      </div>
    </div>
    <div class="ln-field">
      <label class="ln-field__label">Password</label>
      <div class="ln-field__control">
        <input type="password" placeholder="••••••••">
      </div>
    </div>
  </div>
  <div class="ln-form__actions">
    <button class="ln-button ln-button--solid">Create account</button>
    <button class="ln-button ln-button--ghost">Cancel</button>
  </div>
</form>

Row layout

<form class="ln-form">
  <div class="ln-form__row">
    <div class="ln-field">
      <label class="ln-field__label">First name</label>
      <div class="ln-field__control">
        <input type="text" placeholder="Jane">
      </div>
    </div>
    <div class="ln-field">
      <label class="ln-field__label">Last name</label>
      <div class="ln-field__control">
        <input type="text" placeholder="Doe">
      </div>
    </div>
  </div>
  <div class="ln-form__actions ln-form__actions--plain ln-form__actions--end">
    <button class="ln-button ln-button--solid">Save</button>
  </div>
</form>

Reference

Class	Description	Responsive
`.ln-form`	Form layout container	No
`.ln-form__section`	Grouped section with top border separator	No
`.ln-form__header`	Section heading	No
`.ln-form__title`	Section title	No
`.ln-form__description`	Section description text	No
`.ln-form__row`	Auto-fit grid row for side-by-side fields	No
`.ln-form__actions`	Action bar with top border	No
`.ln-form__actions--plain`	Action bar without top border	No
`.ln-form__actions--end`	Right-aligned actions	No
`.ln-form__actions--sticky`	Sticky action bar at bottom	No
`.ln-form--aside`	Two-column section layout (label + fields)	No
`.ln-form--compact`	Reduced spacing between fields	No