Sprint board

A Kanban board whose columns and cards are entirely data-driven — edit the data model to move work across stages.

[  {    "createSurface": {      "surfaceId": "main",      "catalogId": "urn:flab-ui:a2ui:catalog:v1"    },    "version": "v1.0"  },  {    "updateComponents": {      "surfaceId": "main",      "components": [        {          "id": "root",          "component": "Column",          "children": [            "h",            "board"          ],          "gap": "md"        },        {          "id": "h",          "component": "Text",          "text": "Sprint board",          "variant": "title"        },        {          "id": "board",          "component": "Kanban",          "columns": {            "path": "/columns"          }        }      ]    },    "version": "v1.0"  },  {    "updateDataModel": {      "surfaceId": "main",      "value": {        "columns": [          {            "title": "To do",            "tone": "neutral",            "cards": [              {                "title": "Spec the public API",                "meta": "2d"              },              {                "title": "Design empty states",                "meta": "1d"              }            ]          },          {            "title": "In progress",            "tone": "warning",            "cards": [              {                "title": "Build the renderer",                "meta": "3d",                "accent": "warning"              }            ]          },          {            "title": "Done",            "tone": "success",            "cards": [              {                "title": "Catalog schema",                "accent": "success"              },              {                "title": "Transport layer",                "accent": "success"              }            ]          }        ]      }    },    "version": "v1.0"  }]

[
  {
    "createSurface": {
      "surfaceId": "main",
      "catalogId": "urn:flab-ui:a2ui:catalog:v1"
    },
    "version": "v1.0"
  },
  {
    "updateComponents": {
      "surfaceId": "main",
      "components": [
        {
          "id": "root",
          "component": "Column",
          "children": [
            "h",
            "board"
          ],
          "gap": "md"
        },
        {
          "id": "h",
          "component": "Text",
          "text": "Sprint board",
          "variant": "title"
        },
        {
          "id": "board",
          "component": "Kanban",
          "columns": {
            "path": "/columns"
          }
        }
      ]
    },
    "version": "v1.0"
  },
  {
    "updateDataModel": {
      "surfaceId": "main",
      "value": {
        "columns": [
          {
            "title": "To do",
            "tone": "neutral",
            "cards": [
              {
                "title": "Spec the public API",
                "meta": "2d"
              },
              {
                "title": "Design empty states",
                "meta": "1d"
              }
            ]
          },
          {
            "title": "In progress",
            "tone": "warning",
            "cards": [
              {
                "title": "Build the renderer",
                "meta": "3d",
                "accent": "warning"
              }
            ]
          },
          {
            "title": "Done",
            "tone": "success",
            "cards": [
              {
                "title": "Catalog schema",
                "accent": "success"
              },
              {
                "title": "Transport layer",
                "accent": "success"
              }
            ]
          }
        ]
      }
    },
    "version": "v1.0"
  }
]

Rendered with Flab components

Sprint board

To do2

Spec the public API

Design empty states

In progress1

Build the renderer

Done2

Catalog schema

Transport layer