Text Input
A text input component. Can be used as part of an ISLE dashboard or standalone. In the latter case, you want to handle changes via the onChange attribute or bind the value to a global variable via the bind attribute.
Options
- bind |
string: name of global variable for the number to be assigned to. Default:none. - defaultValue |
string: value indicating the default value of the input at start. Default:''. - value |
string: text value (for controlled component). Default:none. - legend |
(string|node): string indicating the text displayed next to the number input. Default:''. - inline |
boolean: Indicates whether the input is displayed inline. Default:false. - onBlur |
function: callback function invoked when the text area loses focus. Default:onBlur() {}. - onChange |
function: function to be called when a text value is changed. Default:onChange() {}. - onKeyDown |
function: callback function to be invoked when any key is pressed down. Default:onKeyDown() {}. - onKeyPress |
function: callback function to be invoked when any key is entered. Default:onKeyPress() {}. - onKeyUp |
function: callback function to be invoked when key is released. Default:onKeyUp() {}. - placeholder |
string: string indicating the value to be displayed before an initial choice is made. Default:none. - width |
number: number indicating the width of the input in pixels. Default:80. - style |
object: CSS inline styles. Default:{}.
Examples
Live Editor
Result
ReferenceError: Provider is not defined