@synerise/ds-sidebar-object NPM

id: sidebar-object

title: SidebarObject

SidebarObject UI Component

Installation

npm i @synerise/ds-sidebar-object
or
yarn add @synerise/ds-sidebar-object

Usage

import SidebarObject from '@synerise/ds-sidebar-object'

<SidebarObject />

Demo

API

Property	Description	Type	Default
avatar	Avatar element of the sidebar	React.ReactNode	-
headerPreffix	Element rendered on the left side of the header	React.ReactNode	-
headerTabs	Tabs component to switch between content	TabItem	-
inputObject	Object to be displayed in the sidebar	object	-
inlineEditInputProps	Props passed to the input of InlineEdit component	InlineEdit.InputProps	-
onArrowUp	Callback executed when arrowUp icon is clicked	void	-
onArrowDown	Callback executed when arrowDown icon is clicked	void	-
onEdit	Callback executed when clicked on edit icon	(inputObject:object) => void	-
onDuplicate	Callback executed when clicked on duplicate icon	(inputObject:object) => void	-
onMove	Callback executed when clicked on move icon	(inputObject:object) => void	-
onDelete	Callback executed when clicked on delete icon	(inputObject:object) => void	-
onId	Callback executed after clicking on the object's ID	(inputObject:object) => void	-
onScrollbar	Callback executed when scroll	boolean	-
texts	Group of texts	HeaderTexts	-
onCloseClick	Prop to close Drawer	void	-
inputObjectId	Unique id of the object passed as string	string	-
handleTabClick	Callback executed when you click on Tab	(index: number) => void	-
footer	Callback executed to show footer	React.ReactNode	-
additionalNode	Callback executed to show additional element	React.ReactNode	-
headerType	Prop to choose editable title	‘readonly’ , ‘editable’	-
typeButtons	Prop to choose type of buttons	‘twoButtons’ , ‘withNavigation’	-

@synerise/ds-button @synerise/ds-description @synerise/ds-drawer @synerise/ds-dropdown @synerise/ds-icon @synerise/ds-inline-edit @synerise/ds-menu @synerise/ds-result @synerise/ds-scrollbar @synerise/ds-subtle-form @synerise/ds-tabs @synerise/ds-utils

@infinitebrahmanuniverse/nolb-_syn @everything-registry/sub-chunk-890 @zalastax/nolb-_syn

2 days ago

2 days ago

11 days ago

14 days ago

15 days ago

23 days ago

26 days ago

1 month ago

1 month ago

1 month ago

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

3 months ago

4 months ago

4 months ago

4 months ago

5 months ago

5 months ago

5 months ago

7 months ago

7 months ago

7 months ago

8 months ago

8 months ago

7 months ago

8 months ago

6 months ago

8 months ago

6 months ago

6 months ago

8 months ago

7 months ago

8 months ago

7 months ago

9 months ago

9 months ago

8 months ago

9 months ago

10 months ago

10 months ago

9 months ago

9 months ago

10 months ago

10 months ago

10 months ago

10 months ago

11 months ago

11 months ago

12 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

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

3 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

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