> ## Documentation Index
> Fetch the complete documentation index at: https://docs.photon.codes/docs/llms.txt
> Use this file to discover all available pages before exploring further.
# iMessage tapback reactions
> Map Spectrum emoji aliases to native iMessage tapbacks.
export const TypeTooltip = ({name, type, children}) => {
const [visible, setVisible] = React.useState(false);
const [pos, setPos] = React.useState({
top: 0,
left: 0
});
const triggerRef = React.useRef(null);
const show = () => {
if (triggerRef.current) {
const rect = triggerRef.current.getBoundingClientRect();
setPos({
top: rect.bottom + 6,
left: rect.left
});
}
setVisible(true);
};
const hide = () => setVisible(false);
return <>
{children || {name}}
{visible &&
{type}
}
;
};
iMessage converts six universal
aliases into native
tapbacks:
| Constant | Value |
| ----------------- | ------ |
| `Emoji.love` | `"โค๏ธ"` |
| `Emoji.like` | `"๐"` |
| `Emoji.dislike` | `"๐"` |
| `Emoji.laugh` | `"๐"` |
| `Emoji.emphasize` | `"โผ๏ธ"` |
| `Emoji.question` | `"โ"` |
```ts theme={null}
import { Emoji } from "spectrum-ts";
await message.react(Emoji.laugh);
```
Other emoji are sent as ordinary emoji reactions when supported. Reactions
require the cloud iMessage package.
See [Reactions and replies](/docs/spectrum-ts/reactions-and-replies) for the
cross-platform reaction model.