---
title: "Forms"
description: "Form element styling in ASW — inputs, selects, textareas, and labels."
type: docs
weight: 34
date: 2026-04-11
tags: ["components", "forms", "inputs"]
ai-disclosure: "generated"
ai-model: "claude-sonnet-4-6"
ai-provider: "Anthropic"
---

All standard form elements are styled out of the box. Labels, inputs, selects, and textareas share consistent sizing and focus rings that respect the accent token.

## Inline Demo

<div style="border:1px solid var(--border,#ccc);padding:1.5rem;border-radius:4px">
  <form style="display:flex;flex-direction:column;gap:1rem;max-width:28rem" onsubmit="return false">
    <label>
      Name
      <input type="text" placeholder="Jane Smith">
    </label>
    <label>
      Role
      <select>
        <option>Agent</option>
        <option>Human</option>
        <option>Both</option>
      </select>
    </label>
    <label>
      Notes
      <textarea rows="3" placeholder="Optional notes…"></textarea>
    </label>
    <button type="submit">Submit</button>
  </form>
</div>