Component embed demo
Paste a link into Discord to see its card.
- https://ymn-embed-demo.pages.dev/news: The news card we would post: a title that links, a summary, a cover, and the way to the full article.
- https://ymn-embed-demo.pages.dev/text: Discord's markdown in Text Displays: headings, emphasis, lists, quotes, code, links, spoilers, escapes and timestamps.
- https://ymn-embed-demo.pages.dev/media: Ten gallery items, the most an embed takes, in galleries of one, four and five: JPEG, PNG, WebP, AVIF, GIF, MP4 and WebM, with descriptions and spoilers; and a thumbnail behind a spoiler.
- https://ymn-embed-demo.pages.dev/layout: Sections with one, two and three texts beside a thumbnail or a link button; the four separators; a row of five link buttons in every form.
- https://ymn-embed-demo.pages.dev/spoiler: The container's own spoiler: the whole card is covered until it is clicked.
- https://ymn-embed-demo.pages.dev/linked: The second way to give the card: a <link> in the page's head names a JSON file, typed application/vnd.discord.component-embed+json.
- https://ymn-embed-demo.pages.dev/over: Everything above in one card, over Discord's 3,000 bytes: what Discord shows instead (the Open Graph tags, or nothing).
- https://ymn-embed-demo.pages.dev/og: No component embed: the preview Discord draws from Open Graph tags, for comparison.