moonstone/ Expandable Input
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
value
is 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
.onInputChange
is 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.