Input
Variables
| CSS Variable | Default Value |
|---|---|
| —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
<label>
Input
<input class="va-input" type="text" />
</label>Read Only
<label>
Name
<input class="va-input" value="Apollodorus" type="text" readonly />
</label>Disabled
<label>
Name
<input class="va-input" value="Apollodorus" type="text" disabled />
</label>