Canvas Design System
Main Site Tokens

Checkbox Card Group

Toggle switch list with icons. Used for cleanup options, feature toggles, and settings panels.

Default

Cleanup Options

<?= ws_checkbox_card_group([
    ['id' => 'roundDurations', 'title' => 'Round Durations',
     'description' => 'Round all times to nearest 5 min',
     'icon' => 'schedule', 'iconColor' => 'blue', 'checked' => true],
    ['id' => 'ensureBreaks', 'title' => 'Ensure Breaks',
     'description' => 'Add breaks every 90 minutes',
     'icon' => 'coffee', 'iconColor' => 'orange', 'checked' => true],
    ['id' => 'fixFormatting', 'title' => 'Fix Formatting',
     'description' => 'Clean up titles and descriptions',
     'icon' => 'text_format', 'iconColor' => 'purple'],
    ['id' => 'applyStructure', 'title' => 'Apply Recommended Structure',
     'description' => 'Reorder for optimal flow',
     'icon' => 'auto_fix_high', 'iconColor' => 'red', 'highlight' => true],
], ['label' => 'Cleanup Options']) ?>

Icon Colors

Available icon color variants: blue, orange, purple, red, green.

API

ParamTypeDefaultDescription
$itemsarrayArray of {id, title, description, icon, iconColor, checked, highlight}
labelstringnullGroup label
idstringnullElement ID