Exports the Icon and moonstone/ExpandableInput.ExpandableInputBase components. The default export is moonstone/ExpandableInput.ExpandableInput.
import ExpandableInput from '@enact/moonstone/ExpandableInput';Members
ExpandableInputComponent
moonstone/ExpandableInput.ExpandableInputBase is a stateful component that expands to render a moonstone/Input.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
moonstone/ExpandableInput.ExpandableInputBase is a stateless component that expands to render a moonstone/Input.Input.
import {ExpandableInputBase} from '@enact/moonstone/ExpandableInput';Properties
- title •
The primary text of the item.
- disabled
When
true, applies a disabled style and the control becomes non-interactive.- iconAfter
The icon to be placed at the end of the input.
See: moonstone/Icon.Icon- iconBefore
The icon to be placed at the beginning of the input.
See: moonstone/Icon.Icon- noneText
Text to display when no
valueis set.- onChange
The handler to run when the expandable value is changed.
- onClose
Callback to be called when a condition occurs which should cause the expandable to close
- onInputChange ✘
This handler will be fired as
onChange.onInputChangeis deprecated and will be removed in a future update.replaced by
onChange- onSpotlightDisappear
The handler to run when the component is removed while retaining focus.
- onSpotlightLeft
The handler to run prior to focus leaving the expandable when the 5-way left key is pressed.
- onSpotlightRight
The handler to run prior to focus leaving the expandable when the 5-way right key is pressed.
- open
When
true, the control is rendered in the expanded state, with the contents visible- placeholder
The placeholder text to display.
- spotlightDisabled
When
true, the component cannot be navigated using spotlight.Default: false- type
The type of input. Accepted values correspond to the standard HTML5 input types.
- value
The value of the input.