> ## Documentation Index
> Fetch the complete documentation index at: https://empty-ad9a3406.mintlify.site/llms.txt
> Use this file to discover all available pages before exploring further.

# Sticky Note

> Draggable, colorful sticky notes with auto-save

## Overview

Create colorful sticky notes that persist across sessions. Notes are draggable, editable, and support 6 colors.

<Frame>
  <img src="https://mintlify.s3.us-west-1.amazonaws.com/empty-ad9a3406/images/plugins/sticky-note.png" alt="Sticky Note plugin" />
</Frame>

## Features

* 🎨 **6 colors** — Yellow, Green, Blue, Pink, Orange, Purple
* ✏️ **Editable** — type directly in the note
* 🖱️ **Draggable** — move notes anywhere on the board
* 💾 **Auto-save** — text, position, and color persist
* 🗑️ **Delete** — click the × button
* ➕ **New notes** — "+ New Note" button (bottom-right)

## Events

| Event                 | Payload          | When                  |
| --------------------- | ---------------- | --------------------- |
| `sticky-note:created` | `{ id: string }` | A new note is created |
| `sticky-note:deleted` | `{ id: string }` | A note is deleted     |

## Installation

Included by default in `plugins.json`:

```json theme={null}
{
  "id": "sticky-note",
  "url": "./plugins/sticky-note/plugin.js",
  "name": "Sticky Note"
}
```

Or install manually via the Plugin Manager.

## Storage Keys

| Key            | Type          | Description     |
| -------------- | ------------- | --------------- |
| `sticky-notes` | `Array<Note>` | All saved notes |

```typescript theme={null}
interface Note {
  id: string;
  text: string;
  color: number;      // 0-5
  x: number;
  y: number;
  width: number;
  height: number;
}
```

## File

`plugins/sticky-note/plugin.js`