Canvas Design System
Main Site Tokens

Checklist

Icon-prefixed lists for feature callouts, benefit lists, and confirmation items. Supports custom icons and a compact variant.

Default

  • Pre-built workshop agendas
  • Exercises for every challenge
  • AI-powered facilitation coaching
  • Drag-and-drop workshop planner
<?= ws_checklist([
    'Pre-built workshop agendas',
    'Exercises for every challenge',
    'AI-powered facilitation coaching',
]) ?>

Custom Icon

Use any Material icon instead of the default checkmark.

Stars

  • Top-rated exercises
  • Expert-curated agendas
  • Community favorites

Lightning

  • Quick 5-min setup
  • Instant AI feedback
  • Real-time suggestions
<?= ws_checklist(['Item 1', 'Item 2'], ['icon' => 'star']) ?>
<?= ws_checklist(['Item 1', 'Item 2'], ['icon' => 'bolt']) ?>

Compact Variant

Tighter spacing for sidebars, cards, and constrained layouts.

  • Includes prep mode
  • Live session tracking
  • Post-session reflection
<?= ws_checklist(['Item 1', 'Item 2'], ['variant' => 'compact']) ?>

API Reference

ParamTypeDefaultDescription
$itemsarrayrequiredArray of string items
iconstring'check_circle'Material icon name
variantstring'default'default or compact
idstringnullElement ID
classstring''Additional CSS classes