starlight_help/src/content/docs/view-and-edit-your-message-drafts.mdx
import {TabItem, Tabs} from "@astrojs/starlight/components";
import FlattenedSteps from "../../components/FlattenedSteps.astro"; import KeyboardTip from "../../components/KeyboardTip.astro"; import ZulipNote from "../../components/ZulipNote.astro"; import ComposeBoxMenu from "../include/_ComposeBoxMenu.mdx"; import GoToDraftMessages from "../include/_GoToDraftMessages.mdx"; import StartComposing from "../include/_StartComposing.mdx";
import CloseIcon from "~icons/zulip-icon/close"; import TrashIcon from "~icons/zulip-icon/trash";
Zulip automatically saves the content of your message as a draft when you close the compose box, ensuring that you never lose your work. When you start composing, the most recently edited draft for the conversation you are composing to automatically appears in the compose box.
<ZulipNote> **Note**: Drafts are local to your client, and are not synced to other devices and browsers. </ZulipNote> 1. Type at least 3 characters of text into the compose box.
1. Close the compose box. For example, you can click the
**close** (<CloseIcon />) icon in the top right
corner of the compose box, or click on an empty area of the app to close the
compose box and save your message as a draft.
</FlattenedSteps>
<KeyboardTip>
You can also use <kbd>Esc</kbd> to close the compose box and save your
message as a draft.
</KeyboardTip>
<ComposeBoxMenu />
1. Select **Save draft and start a new message**.
</FlattenedSteps>
To make it easier to find the draft you are looking for, drafts for the conversation you are composing to are shown at the top of the drafts list in the web and desktop apps. If you have saved drafts for the current conversation, the counter next to the Drafts button in the compose box shows how many there are.
<Tabs> <TabItem label="Via left sidebar"> <FlattenedSteps> <GoToDraftMessages /> 1. Click on the draft you want to restore.
</FlattenedSteps>
<KeyboardTip>
You can also use <kbd>D</kbd> to bring up your list of saved drafts, and
<kbd>Enter</kbd> within the drafts view to restore the selected draft.
</KeyboardTip>
1. Click the **Drafts** button on the right side of the compose box.
1. Click on the draft you want to restore.
</FlattenedSteps>
<KeyboardTip>
You can also use <kbd>D</kbd> to bring up your list of saved drafts, and
<kbd>Enter</kbd> within the drafts view to restore the selected draft.
</KeyboardTip>
1. Click the **delete** (<TrashIcon />) icon on the draft you
want to delete.
</FlattenedSteps>
<KeyboardTip>
You can also use <kbd>D</kbd> to bring up your list of saved drafts, and
<kbd>Backspace</kbd> within the drafts view to delete the selected draft.
</KeyboardTip>
1. Click the **Drafts** button on the right side of the compose box.
1. Click the **delete** (<TrashIcon />) icon on the draft you
want to delete.
</FlattenedSteps>
<KeyboardTip>
You can also use <kbd>D</kbd> to bring up your list of saved drafts, and
<kbd>Backspace</kbd> within the drafts view to delete the selected draft.
</KeyboardTip>
1. Click **Select all drafts** in the upper right corner of
the drafts view, or select the drafts you want to delete
by toggling the checkboxes on the right.
1. Click the **delete** (<TrashIcon />) icon in the
upper right corner of the drafts view to delete all selected drafts.
</FlattenedSteps>
<KeyboardTip>
You can also use <kbd>D</kbd> to bring up your list of saved drafts.
</KeyboardTip>
1. Click the **Drafts** button on the right side of the compose box.
1. Click **Select all drafts** in the upper right corner of
the drafts view, or select the drafts you want to delete
by toggling the checkboxes on the right.
1. Click the **delete** (<TrashIcon />) icon in the
upper right corner of the drafts view to delete all selected drafts.
</FlattenedSteps>
<KeyboardTip>
You can also use <kbd>D</kbd> to bring up your list of saved drafts.
</KeyboardTip>