InlineEdit

InlineEdit UI Component

Example

<InlineEdit
input={{
name: 'name-of-input',
value: 'Value',
maxLength: 120,
placeholder: 'Placeholder',
onBlur: () => {},
onChange: event => {},
onEnterPress: () => {},
}}
style={{ maxWidth: '128px' }}
size={'normal'}
error={false}
disabled={false}
hideIcon={false}
/>

Demo

InlineEdit API

PropertyDescriptionTypeDefault
autoFocusSet focus on input after mountbooleanfalse
classNameOptional className for componentstring-
disabledDisabled state of componentbooleanfalse
errorError state of componentbooleanfalse
hideIconHides input iconbooleanfalse
inputProperties of the inputInlineEditInputfalse
sizeComponent sizenormal / smallnormal
styleStyles objectReact.CSSProperties-
tooltipTitleText of the tooltipstring-

InlineSelect API

PropertyDescriptionTypeDefault
autoFocusSet focus on input after mountbooleanfalse
classNameOptional className for componentstring-
dataSourceMenu items displayed in the dropdownMenuItemProps[][]
disabledDisabled state of componentbooleanfalse
dropdownOverlayStyleStyles object applied to the dropdown overlay wrapperReact.CSSProperties{}
dropdownPropsProps object applied to the dropdown componentDropdownProps{}
errorError state of componentbooleanfalse
expandedInitial expansion state of dropdown menubooleanfalse
hideIconHides input iconbooleanfalse
inputProperties of the inputInlineEditInputfalse
placeholderDefault text of the selectstring-
sizeComponent sizenormal / smallnormal
styleStyles objectReact.CSSProperties-
tooltipTitleText of the tooltipstring-

InlineEdit input API

PropertyDescriptionTypeDefault
autocompleteNative html autocomplete attributeon / offoff-
defaultValueDefault input valuestringnumber-
disabledDisabled state of componentbooleanfalse-
maxLengthMaximum characters inside the input elementnumberfalse-
nameNative html name attributestring--
placeholderDefault text componentstring--
onBlurCalled when input bluredfunction--
onEnterPressCalled when user press Enter in focused inputfunction--
onChangeCalled when input chengedfunction--