---
title: "Custom whiteboard shape"
description: "A whiteboard in React and Vue with a custom shape, a vote card that a React or Vue component draws. Users vote with its button, and move and resize it like other shapes."
canonical_url: "https://tiptap.dev/docs/editor/whiteboard/examples/custom-shape"
---

# Custom whiteboard shape

A whiteboard in React and Vue with a custom shape, a vote card that a React or Vue component draws. Users vote with its button, and move and resize it like other shapes.

A whiteboard in React and Vue with a custom shape: a vote card, which a React or Vue component draws. Users vote with the button on each card, and select, move and resize the cards like other shapes. A button above the board adds new cards. See [Custom shapes](https://tiptap.dev/docs/editor/whiteboard/guides/custom-shapes.md).

> **Interactive demo:** [WhiteboardCustomShape](https://embed-pro.tiptap.dev/preview/Extensions/WhiteboardCustomShape)