---
source: https://www.jointjs.com/demos/drop-stencil-element-as-shape-icon
github: https://raw.githubusercontent.com/clientIO/joint-demos/main/drop-stencil-element-as-shape-icon/README.md
generated: 2026-04-10
format: markdown
---

# JointJS+: Drop stencil element as shape icon <a href="https://www.jointjs.com/jointjs-plus"><img src="../jointjs-plus-badge.svg" alt="JointJS+" width="123" align="right" /></a>

Do you need to fetch data and transform it into a palette of elements? Looking for a way to intercept the default stencil behavior and replace it with your own? E.g. to drop a stencil element as a model property instead of a new graph element. If so, this demo is for you.

This demo is also available online at [jointjs.com](https://jointjs.com/demos/drop-stencil-element-as-shape-icon).

## Available Versions

- [JavaScript](./js/)

## Screenshot

![screenshot](./screenshot.png)