Other components available in the designer.

ActionLayerMenu

Context menu for layer operations. Wrap your component in the ActionLayerMenu component to show the context menu.

import { ActionLayerMenu } from "@shadcn/designer"
 
function LayerMenu() {
  return (
    <ActionLayerMenu layer={layer}>
      <div />
    </ActionLayerMenu>
  )
}

PaneLayerTree

Layer hierarchy tree view with drag-and-drop support.

import { PaneLayerTree } from "@shadcn/designer"
 
function LayersPanel() {
  return <PaneLayerTree />
}