Input

Variables

--va-input-font-size: var(--va-font-size-1);
--va-input-padding: var(--va-space-3);
--va-input-border-width: var(--va-border-width);
--va-input-border-color: var(--va-border-color);
--va-input-background-color: var(--va-surface-primary);

Default

<input class="va-input" type="text" />

With Label

Name

<label>
  Input
  <input class="va-input" type="text" />
</label>

Read Only

Name

<label>
  Name
  <input class="va-input" value="Apollodorus" type="text" readonly />
</label>

Disabled

Name

<label>
  Name
  <input class="va-input" value="Apollodorus" type="text" disabled />
</label>