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
#

Size composites
#

The size composite classes .xs, .sm, .md, .lg, and .xl scale inputs and buttons, adjusting height and padding. Apply directly or on a container to cascade to children.

<input class="xs" />
<input class="sm" />
<input />
<input class="lg" />
<input class="xl" />

Set on a container and children inherit the sizing:

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