Moonstone styled expandable input.
import ExpandableInput from '@enact/moonstone/ExpandableInput';Members
ExpandableInputComponent
A stateful component that expands to render a Input.
By default, ExpandableInput maintains the state of its value property. Supply the
defaultValue property to control its initial value. If you wish to directly control updates
to the component, supply a value to value at creation time and update it in response to
onChange events.
ExpandableInput is an expandable component and it maintains its open/closed state by default.
The initial state can be supplied using defaultOpen. In order to directly control the
open/closed state, supply a value for open at creation time and update its value in response to
onClose/onOpen events.
import ExpandableInput from '@enact/moonstone/ExpandableInput';ExpandableInputBaseComponent
A stateless component that expands to render a Input.
import {ExpandableInputBase} from '@enact/moonstone/ExpandableInput';Properties
The primary text of the item.
Disables ExpandableInput and the control becomes non-interactive.
The icon to be placed at the end of the input.
See: moonstone/Icon.IconThe icon to be placed at the beginning of the input.
See: moonstone/Icon.IconText to display when no
valueis set.Called when the expandable value is changed.
Called when a condition occurs which should cause the expandable to close.
Called when the component is removed while retaining focus.
Called prior to focus leaving the expandable when the 5-way left key is pressed.
Called prior to focus leaving the expandable when the 5-way right key is pressed.
Opens the control, with the contents visible.
The placeholder text to display.
Disables spotlight navigation in the component.
Default: falseThe type of input. Accepted values correspond to the standard HTML5 input types.
The value of the input.