starlight_help/src/content/docs/emoji-reactions.mdx
import {Steps, TabItem, Tabs} from "@astrojs/starlight/components";
import FlattenedSteps from "../../components/FlattenedSteps.astro"; import KeyboardTip from "../../components/KeyboardTip.astro"; import NavigationSteps from "../../components/NavigationSteps.astro"; import ZulipTip from "../../components/ZulipTip.astro"; import MessageActions from "../include/_MessageActions.mdx"; import MessageLongPressMenu from "../include/_MessageLongPressMenu.mdx"; import ViewEmojiReactions from "../include/_ViewEmojiReactions.mdx";
import ChevronRightIcon from "~icons/zulip-icon/chevron-right"; import MoreVerticalSpreadIcon from "~icons/zulip-icon/more-vertical-spread"; import SmileIcon from "~icons/zulip-icon/smile";
Emoji reactions let you quickly respond to a message. For example, 👍 is commonly used to express agreement or confirm that you've read the message. Any emoji can be used as a reaction, including custom emoji. Reactions appear at the bottom of the message.
1. Click the **add emoji reaction** (<SmileIcon />) icon. On messages that
you sent, click on the **ellipsis** (<MoreVerticalSpreadIcon />),
then **Add emoji reaction**.
1. Select an emoji. Type to search, use the arrow keys, or click on an emoji
with your mouse.
</FlattenedSteps>
<ZulipTip>
To add multiple reactions without closing the emoji picker, hold the
<kbd>Shift</kbd> key while selecting emoji.
</ZulipTip>
<KeyboardTip>
Use <kbd>:</kbd> to add any reaction, <kbd>=</kbd> to add the first
emoji reaction added by others, or <kbd>+</kbd> to react with 👍.
</KeyboardTip>
1. Select one of the emojis at the top of the menu, or tap **more**
(<ChevronRightIcon />).
1. Start typing the name of the emoji you want to use, and select an emoji from
the list of suggestions.
</FlattenedSteps>
<ZulipTip>
To make it easy to see which reactions you have added, they are
highlighted in a different color.
</ZulipTip>
<KeyboardTip>
You can also toggle the first emoji reaction on the selected message by
using the <kbd>=</kbd> shortcut.
</KeyboardTip>
<ZulipTip>
To make it easy to see which reactions you have added, they are
highlighted in a different color.
</ZulipTip>
For messages where few users have reacted, the names of users who have reacted are displayed directly on the message if the option to do so is enabled.
1. Tap **See who reacted**.
</FlattenedSteps>