Components · Text field · Use

Text field

Choose a configuration and copy the result.

Label

Supporting text

State

Markup

<div class="text-field-root text-field-filled">
	<label class="text-field-label" for="component-text">Label</label>
	<div class="text-field-control">
		<input id="component-text" class="text-field-input" value="Text" />
	</div>
	<span class="text-field-supporting-text">Supporting text</span>
</div>