Back to Zulip

SendDm

starlight_help/src/content/include/_SendDm.mdx

12.02.1 KB
Original Source

import {TabItem, Tabs} from "@astrojs/starlight/components";

import FlattenedSteps from "../../components/FlattenedSteps.astro"; import KeyboardTip from "../../components/KeyboardTip.astro"; import ZulipTip from "../../components/ZulipTip.astro"; import ComposeAndSendMessage from "../include/_ComposeAndSendMessage.mdx"; import MobileDirectMessages from "../include/_MobileDirectMessages.mdx"; import MobileTapSend from "../include/_MobileTapSend.mdx";

import SquarePlusIcon from "~icons/zulip-icon/square-plus";

<Tabs> <TabItem label="Desktop/Web"> <FlattenedSteps> 1. Click the **start a new DM** (<SquarePlusIcon />) button next to the **direct messages** heading in the left sidebar, or the **New direct message** button at the bottom of the app. 1. Start typing the name of the person or [group](/help/user-groups) you want to message, and select their name from the list of suggestions. You can continue adding as many message recipients as you like.
  <ComposeAndSendMessage />
</FlattenedSteps>

<KeyboardTip>
  You can also use the <kbd>X</kbd> keyboard shortcut to start a new direct
  message conversation.
</KeyboardTip>

<ZulipTip>
  You can also click on any user in the right sidebar to start composing
  a direct message to them. Or open their **user card** by clicking on
  their profile picture or name, and select **Send direct message**.
</ZulipTip>
</TabItem> <TabItem label="Mobile"> <FlattenedSteps> <MobileDirectMessages />
  1. Tap the **New DM** button.
  1. Start typing the name of the person you want to message, and
     select their name from the list of suggestions. You can continue
     adding as many message recipients as you like.
  1. Approve by tapping the **Compose** button in the top right corner of the app.

  <MobileTapSend />
</FlattenedSteps>

<ZulipTip>
  You can also tap on a user's profile picture or name, and tap the
  **Send direct message** button at the bottom of the app.
</ZulipTip>
</TabItem> </Tabs>