History

Tatiana Lopaeva b857fc67bf Shared: Components: ContextMenu: Fixed menu closing n the main button on tablet when clicking on an item containing a submenu.		2024-07-09 14:21:04 +03:00
..
sub-components	Shared: Components: ContextMenu: Fixed menu closing n the main button on tablet when clicking on an item containing a submenu.	2024-07-09 14:21:04 +03:00
ContextMenu.stories.tsx	Replaced copyright start year + format	2024-03-21 18:09:55 +04:00
ContextMenu.styled.ts	Shared:ContextMenu:Fixed not having enough space when opening the list of spaces. Also in rtl format.	2024-05-17 12:06:57 +03:00
ContextMenu.test.tsx	Replaced copyright start year + format	2024-03-21 18:09:55 +04:00
ContextMenu.tsx	Shared:Components:ContextMenu Added type	2024-05-23 17:59:51 +05:00
ContextMenu.types.ts	Shared:Components:ContextMenu Added type	2024-05-23 17:59:51 +05:00
index.tsx	Shared:Components:ContextMenu Added type	2024-05-23 17:59:51 +05:00
README.md	Client: fix wrong import - export for shared components	2024-01-10 11:01:43 +03:00

ContextMenu

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

Implemented as part of RowContainer component.

import { ContextMenu } from "@docspace/shared/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