All demo cards

Every layout form

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.

This is the page a click on the card opens: on ymnmods.com, the full article.

The card's JSON (1618 bytes)

{
  "component": {
    "type": 17,
    "accent_color": 16096779,
    "components": [
      {
        "type": 9,
        "components": [
          {
            "type": 10,
            "content": "**A section, one text**, beside a thumbnail."
          }
        ],
        "accessory": {
          "type": 11,
          "media": {
            "url": "https://ymn-embed-demo.pages.dev/artwork.png"
          },
          "description": "Artwork"
        }
      },
      {
        "type": 14,
        "divider": true,
        "spacing": 1
      },
      {
        "type": 9,
        "components": [
          {
            "type": 10,
            "content": "**A section, two texts**"
          },
          {
            "type": 10,
            "content": "beside a link button."
          }
        ],
        "accessory": {
          "type": 2,
          "style": 5,
          "label": "Open",
          "url": "https://ymnmods.com",
          "emoji": {
            "name": "🔗"
          }
        }
      },
      {
        "type": 14,
        "divider": false,
        "spacing": 1
      },
      {
        "type": 9,
        "components": [
          {
            "type": 10,
            "content": "**A section, three texts**"
          },
          {
            "type": 10,
            "content": "the most a section holds,"
          },
          {
            "type": 10,
            "content": "-# beside a thumbnail."
          }
        ],
        "accessory": {
          "type": 11,
          "media": {
            "url": "https://ymn-embed-demo.pages.dev/icon.png"
          },
          "description": "Icon"
        }
      },
      {
        "type": 14,
        "divider": true,
        "spacing": 2
      },
      {
        "type": 10,
        "content": "Above: a divider with small spacing, no divider with small spacing, a divider with large spacing. Below: no divider with large spacing, then the default."
      },
      {
        "type": 14,
        "divider": false,
        "spacing": 2
      },
      {
        "type": 14
      },
      {
        "type": 1,
        "components": [
          {
            "type": 2,
            "style": 5,
            "label": "Label and emoji",
            "url": "https://ymnmods.com",
            "emoji": {
              "name": "📰"
            }
          },
          {
            "type": 2,
            "style": 5,
            "label": "Label only",
            "url": "https://ymnmods.com"
          },
          {
            "type": 2,
            "style": 5,
            "url": "https://ymnmods.com",
            "emoji": {
              "name": "🌐"
            }
          },
          {
            "type": 2,
            "style": 5,
            "label": "Disabled",
            "url": "https://ymnmods.com",
            "disabled": true
          },
          {
            "type": 2,
            "style": 5,
            "id": 99,
            "label": "With an id",
            "url": "https://ymnmods.com"
          }
        ]
      },
      {
        "type": 10,
        "content": "-# YMN Mods · component embed demo · layout"
      }
    ]
  }
}