Kanban Board
Last updated:
Mermaid Studio provides language support for Kanban board diagrams inside IntelliJ IDEA and other JetBrains IDEs. Kanban diagrams visualize task boards with columns representing workflow stages and cards representing individual tasks.
Syntax Highlighting
Section titled “Syntax Highlighting”Syntax highlighting integrates directly with IntelliJ’s color scheme system, so diagram colors always match your editor theme.
IDE Support
Section titled “IDE Support”Mermaid Studio provides enhanced support for kanban boards:
- Syntax highlighting for columns and tasks
- Live templates for the task metadata syntax
- Rename refactoring to update column identifiers
- Code folding to collapse columns
- Inspections to detect structural issues
- Brace matching for column boundaries
Live templates
Section titled “Live templates”Mermaid Studio bundles a live template for the typed-metadata syntax that Kanban cards use, so you can attach an assignee, ticket, and priority without recalling the @{ ... } field names.
Type the abbreviation, accept it from the completion popup, and tab through the variables; the priority field offers a dropdown of Very High, High, Low, and Very Low when you reach it.
The template can be toggled under Settings > Tools > Mermaid Studio > Live Templates in the Kanban group. See Live Templates for the cross-cutting mechanics (triggering, contextual visibility, configuration).
| Abbreviation | Expansion |
|---|---|
task | Task with metadata (id[Description]@{ assigned: ..., ticket: ..., priority: ... }) |
Learn More
Section titled “Learn More”For complete syntax documentation including task metadata and styling, see the Mermaid.js Kanban documentation.