Html in the text property

The card content structure is fixed and it looks like this:

<div class='kanban_default_card_header'>${name}</div>
<div class='kanban_default_card_body'>${html}</div>

If you don’t need the header, you can hide it using CSS or by setting the name property to an empty string.

The body will display custom HTML that you can specify using the html property. If you specify both text and html, the html value will override the text.

const cards = [
  { name: "", html: "<div>my html</div>", id: 1, column: 3 }.
  // ...
];
kanban.update({cards});

As soon as onBeforeCardRender becomes available, you will be able to generate the HTML dynamically (or add interactive elements using active areas) using this event.