Ludo
502b2e8266
Navigation: Docs, Layouts, Lab (simplified from 6 items) Layouts gallery: card grid showing all available page layouts with live links to demo pages. Docs restructure: 8 auto-generated sidebar sections (Getting Started, Typography, Core, Content, Components, Reference, Vault, Packs) with 20 new stub pages. Each stub has inline HTML demos that ASW styles directly. New Hugo layout template for layouts/ section. Decap CMS nav updated. Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
37 lines
1 KiB
Markdown
37 lines
1 KiB
Markdown
---
|
|
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>
|