@synerise/ds-inline-edit NPM

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	-	-

@synerise/ds-dropdown @synerise/ds-icon @synerise/ds-input @synerise/ds-list-item @synerise/ds-scrollbar @synerise/ds-search @synerise/ds-tooltip @synerise/ds-typography @synerise/ds-utils

@infinitebrahmanuniverse/nolb-_syn @everything-registry/sub-chunk-889 @zalastax/nolb-_syn @synerise/ds-code-area @synerise/ds-condition @synerise/ds-date-range-picker @synerise/ds-factors @synerise/ds-manageable-list @synerise/ds-page-header @synerise/ds-sidebar-object @synerise/design-system @synerise/ds-card-tabs

18 days ago

26 days ago

9 days ago

10 days ago

15 days ago

3 months ago

3 months ago

3 months ago

1 month ago

1 month 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

4 months ago

4 months ago

4 months ago

4 months ago

4 months ago

5 months ago

4 months ago

5 months ago

5 months ago

5 months ago

7 months ago

7 months ago

6 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

8 months ago

9 months ago

9 months ago

9 months ago

10 months ago

10 months ago

11 months ago

10 months ago

10 months ago

11 months ago

12 months ago

11 months ago

11 months ago

1 year ago

1 year ago

1 year ago

12 months ago

1 year ago

12 months ago

12 months ago

9 months ago

9 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

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

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

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

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

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

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

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

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

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

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

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

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago