api-console-assets
Version:
This repo only exists to publish api console components to npm
31 lines (23 loc) • 1.71 kB
Markdown
[](https://travis-ci.org/advanced-rest-client/raml-type-form-input)
# raml-type-form-input
An element that renders an input element to edit RAML type value.
It accept model values produced by the [raml-type-form-behavior](https://github.com/advanced-rest-client/raml-type-form-behavior).
Refer to `raml-type-form-behavior` documentation for model details.
### Example
```
<raml-type-form-input model='{"inputLabel": "Enter value"}' value="{{value}}"></raml-type-form-input>
```
### Styling
`<raml-type-form-input>` provides the following custom properties and mixins for styling:
Custom property | Description | Default
----------------|-------------|----------
`--raml-type-form-input` | Mixin applied to the element | `{}`
`--raml-type-form-input-required-label-color` | Input's label color when required | `rgba(0, 0, 0, 0.74)`
`--from-row-action-icon-color` | Theme variable, color of the action icon button | `--icon-button-color` or `rgba(0, 0, 0, 0.74)`
`--from-row-action-icon-color-hover` | Theme variable, color of the action icon button when hovered | `--accent-color` or `rgba(0, 0, 0, 0.74)`
`--from-row-action-icon-opacity` | Opacity of the action icon button | `0.54`
`--from-row-action-icon-opacity` | Opacity of the action icon button when hovered | `0.74`
`--arc-font-caption` | Theme mixin, applied to array values label | `{}`
`--raml-type-form-input-array-border-color` | Border color of the element when it is array type item | `rgba(0, 0, 0, 0.14)`
Also, use mixins and variables for `paper-input`, `paper-dropdown-menu`, `paper-listbox`
and `paper-item` to style this element.