@synerise/ds-inline-edit v0.7.5
id: inline-edit
title: 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
Property | Description | Type | Default |
---|---|---|---|
autoFocus | Set focus on input after mount | boolean | false |
className | Optional className for component | string | - |
disabled | Disabled state of component | boolean | false |
error | Error state of component | boolean | false |
hideIcon | Hides input icon | boolean | false |
input | Properties of the input | InlineEditInput | false |
size | Component size | normal / small | normal |
style | Styles object | React.CSSProperties | - |
tooltipTitle | Text of the tooltip | string | - |
InlineSelect API
Property | Description | Type | Default |
---|---|---|---|
autoFocus | Set focus on input after mount | boolean | false |
className | Optional className for component | string | - |
dataSource | Menu items displayed in the dropdown | MenuItemProps[] | [] |
disabled | Disabled state of component | boolean | false |
dropdownOverlayStyle | Styles object applied to the dropdown overlay wrapper | React.CSSProperties | {} |
dropdownProps | Props object applied to the dropdown component | DropdownProps | {} |
error | Error state of component | boolean | false |
expanded | Initial expansion state of dropdown menu | boolean | false |
hideIcon | Hides input icon | boolean | false |
initialValue | Initial value of the select | string / undefined | - |
input | Properties of the input | InlineEditInput | false |
placeholder | Default text of the select | string | - |
size | Component size | normal / small | normal |
style | Styles object | React.CSSProperties | - |
tooltipTitle | Text of the tooltip | string | - |
InlineEdit input API
Property | Description | Type | Default | |
---|---|---|---|---|
autocomplete | Native html autocomplete attribute | on / off | off | - |
defaultValue | Default input value | string | number | - |
disabled | Disabled state of component | boolean | false | - |
maxLength | Maximum characters inside the input element | number | false | - |
name | Native html name attribute | string | - | - |
readOnly | Readonly state of the Input component | boolean | - | - |
placeholder | Default text component | string | - | - |
onBlur | Called when input blured | function | - | - |
onEnterPress | Called when user press Enter in focused input | function | - | - |
onChange | Called when input chenged | function | - | - |
7 days ago
9 days ago
9 days ago
18 days ago
22 days ago
1 month ago
1 month ago
1 month ago
2 months ago
2 months ago
2 months ago
2 months ago
2 months ago
3 months ago
3 months ago
3 months ago
3 months ago
4 months ago
4 months ago
4 months ago
5 months ago
5 months ago
5 months ago
11 months ago
10 months ago
10 months ago
6 months ago
7 months ago
6 months ago
7 months ago
7 months ago
7 months ago
7 months ago
8 months ago
8 months ago
8 months ago
9 months ago
8 months ago
8 months ago
9 months ago
9 months ago
9 months ago
9 months ago
8 months ago
10 months ago
11 months ago
11 months ago
12 months ago
12 months ago
12 months ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
3 years ago
3 years ago
3 years ago
2 years ago
2 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago