TaskColorCombo

//<code-header>
fiddle.title = 'Task color combo';
CSSHelper.insertRule('.b-task-board-card { border-top : 5px solid var(--b-primary); }', targetElement);
//</code-header>
const taskBoard = new TaskBoard({
    appendTo : targetElement,

    features : {
        columnToolbars : false,
        taskEdit       : {
            items : {
                description : null,
                resources   : null
            }
        }
    },

    // Columns to display
    columns : [
        'todo',
        'doing',
        'done'
    ],

    // Field used to pair a task to a column
    columnField : 'status',

    // Project using inline data
    project : {
        tasks : [
            { id : 1, name : 'Double click me', status : 'doing', eventColor : 'blue' },
            { id : 2, name : 'Or me', status : 'done', eventColor : 'teal' }
        ]
    }
});