Add and Configure Components
Find and place components on the canvas, edit their configuration with the form Kanvas builds from the component definition, and lock, duplicate, copy, and paste them.
Build Designs
Task guides for the work you do on the Kanvas canvas - placing and configuring components, connecting them, annotating a design, and organizing your workspace.
Categories:
These guides cover the tasks you perform while authoring a design in Designer mode. Each one accomplishes a single task and assumes you know what a design, a component, and a relationship are. If you do not, read Designs and Components and Relationships first.
Authoring happens only in Designer mode. Operator mode shows live cluster state and blocks adding, editing, duplicating, and deleting components.
| Goal | Guide |
|---|---|
| Add components, edit their configuration, lock, duplicate, copy, and paste them | Add and Configure Components |
| Connect components and remove connections | Create Relationships |
| Draw, label, and annotate a design with shapes, text, and lines | Whiteboard on the Canvas |
| Keep frequently used models one step away in the dock | Pin Models to the Dock |
| Group components by shared labels | Work with Tags |
For how Kanvas decides which relationships exist and keeps their configuration in sync, read Policy Evaluation.
Create Relationships
Connect components with edges, nest them in parents, and remove or hide relationships. Covers which relationships you draw and which Kanvas forms for you.
Whiteboard on the Canvas
Sketch freehand, draw annotation lines, and add shapes, text, sections, images, and comments alongside real components.
Pin Models to the Dock
Keep the models you use most one step away in the dock, and remove them when you no longer need them.
Work with Tags
Add labels and annotations to components and see components that share labels grouped into TagSets on the canvas.
Related Reading
- Add and Configure Components
- Canvas Actions
- Clone a Design
- Concepts
- Create Relationships
- Create Your First Design
Recent Discussions on Kanvas
- Jul 12 | Unleash Visual Power: Import Your Configs by zihan kuang
- Oct 14 | Explore Meshery's Published Relationship Design Examples by Awani Alero
- Oct 03 | Design Review RFC: Kanvas Empty State Enhancement by Lee Calcote
- Jul 19 | [For Discussion] Visual indication of semantically vs non-semantically meaningful Meshery components by Lee Calcote
- Jun 07 | What are the conditions for a "System is unhealthy" warning? by James
- May 30 | Looking for a meshmate to help with first PR by Faisal Imtiyaz123
- Feb 28 | For Discussion: Capturing potential, but unrealized Relationships in Design Snapshots by Lee Calcote
- Feb 12 | Hint on Scaling & Verifying Cronjob in Playground by Sandra Ashipala