---
title: UI zones
component: ./ZonesExample.tsx
category: ui
priority: 1
---

Inject custom components into tldraw's UI.

---

Our default UI has two empty "zones" - the `topZone` (in the top-center of the screen) and `shareZone` (in the top right).

You can set these zones to any React component you want.
