Input color

Renders a color input field.

Node name : input-color

Attributes

Bound

Attribute	Type	Required	Default value	Description
property-name	`string`	`true`		UI view property name
item	UI view	`false`	`@DatasourceCurrent`	Item to be bound to

Unbound

Attribute	Type	Required	Default value	Description
value	`string`	`true`		Input value.
label	`string`	`false`		Input label.
placeholder	`string`	`false`		Placeholder specifies a short hint that describes the expected value of an input field. The short hint is displayed in the input field before the user enters a value.
disabled	`bool`	`false`	`false`	Value indicating whether the input is disabled
readonly	`bool`	`false`	`false`	Value indicating whether the input is read-only.
required	`bool`	`false`	`false`	Value indicating whether the input is required.
message-text	`string`	`false`		Additional message displayed next to the component. Usually a warning or an error message.
message-severity	`string` (`information`, `warning`, `error`)	`false`		Severity of the additional message displayed next to the component.
documentation	`string`	`false`		Documentation
tab-stop	`bool`	`false`	`true`	Value indicating whether the input can be focused using the `Tab` key.
value-changed	`string`	`false`		Name of the method called when the value has changed. The first parameter is the value and the second is the current item of the data source (`DatasourceCurrent`) or the iterated item in a `repeat` component.

Common

Attribute	Type	Required	Default value	Description
label-position	`string` (`top`, `left`, `right`, `hidden`)	`false`	`top`	Input label position.
message-position	`string` (`bottom`, `hidden`)	`false`	`bottom`	Input message position.
focused	`bool`	`false`	`false`	Value indicating whether the component is focused.

Bound

<input-color property-name="Color" />

Unbound

<input-color value="@Fields.Value" label="myLabel" disabled="true" readonly="true" required="true" />