diff --git a/packages/docs/src/guides/embeds.md b/packages/docs/src/guides/embeds.md index 3ff694a..3e77153 100644 --- a/packages/docs/src/guides/embeds.md +++ b/packages/docs/src/guides/embeds.md @@ -6,4 +6,58 @@ description: Using embed components # Embeds -todo +Reacord comes with an `` component for sending rich embeds. + +```jsx +import { Embed } from "reacord" + +function FancyMessage({ title, description }) { + return ( + + ) +} +``` + +```jsx +reacord.send(channelId, ) +``` + +Reacord also comes with multiple embed components, for defining embeds on a piece-by-piece basis. This enables composition: + +```jsx +import { Embed, EmbedTitle } from "reacord" + +function FancyDetails({ title, description }) { + return ( + <> + {title} + {/* embed descriptions are just text */} + {description} + + ) +} + +function FancyMessage({ children }) { + return ( + + {children} + + ) +} +``` + +```jsx +reacord.send( + channelId, + + + , +) +``` + +See the [API Reference](/api) for the full list of embed components.