---
title: Multi-level drag&drop
slug: test-archbee/multi-level-draganddrop
description: Learn about Archbee's editor and its powerful drag and drop functionality with this comprehensive document. Discover how to easily manipulate blocks using the intuitive block handler icon, allowing you to move, insert, copy, cut, duplicate, or delete bloc
docTags: 
createdAt: 2023-05-17T07:49:54.000Z
---

Archbee's editor supports multi-level drag\&drop. This means that you can drag\&drop blocks inside other blocks.

Each block has a handler on its left side (the dots slider the left side) that we call the block menu. You can either click it to open the block menu or drag it to move it around.&#x20;

::::VerticalSplit{layout="middle"}
:::VerticalSplitItem
![](https://api.archbee.com/api/optimize/bNBm7nPJgXjbjLyfbHNh2/0dtf_CTxvhWIh-ZCM0rpi_menu-light.png "Block menu ")
:::

:::VerticalSplitItem
::Image[]{src="https://api.archbee.com/api/optimize/bNBm7nPJgXjbjLyfbHNh2/homRCre8YJSn0RmDe0hYo_menu2-light.png" darkSrc="https://archbee-image-uploads.s3.amazonaws.com/bNBm7nPJgXjbjLyfbHNh2/8tlMOuxVprt_L6wx908wV_menu2-dark.png" size="98" width="1026" height="948" darkWidth="1026" darkHeight="948" position="center" caption="Block menu with AI features" showCaption="true"}
:::
::::

The following are the actions you can perform from the block menu:

- Move block **Up** or **Down**
- Insert a new block **Above** or **Below**
- **Copy** or **Cut&#x20;**&#x74;he block
- **Duplicate** block
- **Remove/delete** block
- **Hold** the block menu button and **drag** the block to move it

As mentioned above, you can move blocks inside other blocks with a simple **drag\&drop&#x20;**&#x66;rom the block handler icon but there are some restrictions on how you can nest blocks. This means that every block has a list of supported blocks that it can hold inside.&#x20;

See the list below for each block:

:::ExpandableHeading
### Callout

1. Paragraph
2. File
3. Image
4. Video
5. Horizontal line
6. All lists
7. Headings
8. Expandable headings
9. Button
:::

:::ExpandableHeading
### Expandable heading

**All, except:**

1. &#x20;Expandable headings
2. &#x20;Content snippets
:::

:::ExpandableHeading
### Link blocks

1. Paragraph
2. Callouts
3. File
4. Image
5. Video
6. Horizontal line
7. All lists
8. Headings
9. Expandable headings
:::

:::ExpandableHeading
### Tables

1. Paragraph
2. Blockquote
3. All lists
4. Headings
:::

:::ExpandableHeading
### Vertical split

1. Paragraph
2. Callout
3. File
4. Image
5. Video
6. Blockquote
7. Map
8. Equations
9. Horizontal line
10. Code editor
11. Button
12. Mini-tasker
13. All lists
14. Headings
15. Expandable headings
16. All embeds (Google, Figma, Miro, etc.)
:::

:::ExpandableHeading
### Workflows

1. Paragraph
2. Callout
3. File
4. Image
5. Video
6. Link block
7. Blockquote
8. Map
9. Changelog
10. Mermaid diagram
11. Equations
12. Horizontal line
13. Code editor
14. API endpoint
15. Table
16. Tabs
17. Button
18. Mini-tasker
19. All lists
20. Headings
21. Expandable headings
22. All embeds (Google, Figma, Miro, etc.)
:::

:::ExpandableHeading
### Tabs

**All, except:**

1. Code drawer
2. OpenAPI
3. GraphQL&#x20;
4. Content snippets
:::
