History

Timofey Boyko ab84ac19a4 Shared:Components:Selector: rewrite to typescript		2023-12-18 15:54:03 +03:00
..
sub-components	Shared:Components:Selector: rewrite to typescript	2023-12-18 15:54:03 +03:00
ContextMenu.stories.tsx	Shared:Components: fix context menu	2023-12-15 17:32:59 +03:00
ContextMenu.styled.ts	Shared: refactoring and apply code guide style	2023-12-05 19:52:30 +03:00
ContextMenu.test.tsx	Shared:Components:ContextMenu: rewrite to typescript	2023-12-04 10:01:33 +03:00
ContextMenu.tsx	Shared:Components: fix context menu	2023-12-15 17:32:59 +03:00
ContextMenu.types.ts	Shared:Components:Selector: rewrite to typescript	2023-12-18 15:54:03 +03:00
index.tsx	Shared: refactoring and apply code guide style	2023-12-05 19:52:30 +03:00
README.md	Shared: init workspace, fix storybook, fix jest, add react-testing-library	2023-11-23 18:25:24 +03:00

ContextMenu

ContextMenu is used for a call context actions on a page.

Implemented as part of RowContainer component.

import ContextMenu from "@docspace/components/context-menu";

<ContextMenu targetAreaId="rowContainer" options={[]} />

For use within separate component it is necessary to determine active zone and events for calling and transferring options in menu.

In particular case, state is created containing options for particular Row element and passed to component when called.

Props	Type	Required	Values	Default	Description
`className`	`string`	-	-	-	Accepts class
`id`	`string`	-	-	`contextMenu`	Accepts id
`options`	`array`	-	-	`[ ]`	DropDownItems collection
`style`	`obj`, `array`	-	-	-	Accepts css style
`targetAreaId`	`string`	-	-	-	Id of container apply to
`withBackdrop`	`bool`	-	-	`true`	Used to display backdrop