DocSpace-client/packages/shared/components/context-menu
2024-03-18 12:54:09 +03:00
..
sub-components Shared: apply yarn eslint:fix 2024-03-18 12:54:09 +03:00
ContextMenu.stories.tsx Shared: apply yarn eslint:fix 2024-03-18 12:54:09 +03:00
ContextMenu.styled.ts Shared: apply yarn eslint:fix 2024-03-18 12:54:09 +03:00
ContextMenu.test.tsx Shared: apply yarn eslint:fix 2024-03-18 12:54:09 +03:00
ContextMenu.tsx Shared: apply yarn eslint:fix 2024-03-18 12:54:09 +03:00
ContextMenu.types.ts Shared: apply yarn eslint:fix 2024-03-18 12:54:09 +03:00
index.tsx Shared: apply yarn eslint:fix 2024-03-18 12:54:09 +03: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.

Usage

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.

Properties

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