forms #

Form elements have basic default styles that can be omitted with .unstyled.

form with a fieldset
#

<form>
	<fieldset>
		<legend>
			a <MdnLink path="Web/HTML/Element/legend" />
		</legend>
		<label>
			<div class="title">
				username
			</div>
			<input
				bind:value={username}
				placeholder=">"
			/>
		</label>
		...
	</fieldset>
	...
</form>

`form` with range input
#

`form` with checkboxes
#

The above are wrapped with: <label class="row"> with .disabled as needed: <label class="row disabled">

`form` with radio inputs
#

With `.compact`
#

The .compact composite class provides tighter sizing with smaller fonts, inputs, padding, border radii, and flow margins. Apply directly or on a container to cascade to children.

<form class="compact">
	...
</form>