> ## 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.
# Native iMessage contact card sharing
> Share the bot account's own iMessage contact card in a chat.
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}
}
;
};
Share the bot account's own iMessage contact card directly in a chat. Use
`nativeContactCard()` to build the content, or the `space.shareContactCard()`
sugar method on a narrowed iMessage space:
```ts theme={null}
import { imessage } from "spectrum-ts/providers/imessage";
const im = imessage(space);
await im.shareContactCard();
```
```ts theme={null}
import { nativeContactCard } from "spectrum-ts/providers/imessage";
await space.send(nativeContactCard());
```
This shares the bot's own contact card as it appears in iMessage. Recipients
can tap it to save the contact. Use it in onboarding flows where you want users
to add your bot to their contacts.
Native contact card sharing requires `@spectrum-ts/imessage`. With
`@spectrum-ts/imessage-local`, `nativeContactCard()` throws an
.