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-background-color-default) |
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>