Forms
Generic form fields useful for all forms.
Example
Consistent styling is available for the most common form elements:
input fields, text-areas, and two kinds of dropdowns. In addition,
various states like :hover and :disabled are covered.
Implementation
All the fields in the form follow a specific implementation for the styling.
<label>
[label text]
<[element] ... />
</label>
Custom properties
There are several custom properties available that can be
overwritten to control the looks of the table. You can change these properties on the details selector.
| Custom property | Description |
|---|---|
--form-radius |
Sets the border-radius of the fields.
|
--form-border |
Sets the border-color of the fields.
|
--form-focus |
Sets the border-radius of the fields, on hover and focus.
|
--form-disabled-surface |
Sets the background-color of disabled fields.
|
--form-disabled-border |
Sets the border-color of disabled fields.
|
--form-disabled-padding |
Sets the padding-left of disabled fields.
|