Playground

Checked with the same schemas hejj uses. Nothing you paste leaves your browser.

{
  "v": 1,
  "blocks": [
    {
      "type": "metric",
      "label": "All accounts",
      "value": 48250.5,
      "unit": "money",
      "currency": "SEK",
      "delta": {
        "value": 3.4,
        "percent": true,
        "period": "30 d"
      }
    },
    {
      "type": "sparkline",
      "values": [
        40,
        42,
        41,
        44,
        43,
        46,
        48
      ],
      "color": "green",
      "label": "7 days"
    },
    {
      "type": "list",
      "items": [
        {
          "title": "Rent",
          "subtitle": "Due Friday",
          "value": "-9 000",
          "emoji": "🏠"
        },
        {
          "title": "Salary",
          "value": "+32 000",
          "emoji": "💼",
          "color": "green"
        }
      ]
    },
    {
      "type": "progress",
      "label": "Monthly budget",
      "value": 6200,
      "max": 10000,
      "color": "violet"
    },
    {
      "type": "actions",
      "buttons": [
        {
          "id": "refresh",
          "label": "Refresh"
        }
      ]
    }
  ]
}

✓ Valid blocks v1.

See it on your board

Buttons are hidden on the test widget: it has no actions_url. In your app, list each button's id in the view's manifest "actions" and set "actions_url".

The test widget is a real connected app; disconnect it in Settings when you're done.

light

dark

vanilla