# Quick Start

## Content

### Prerequisites

* .NET 8 SDK
* Windows Forms application project
* C1.Win.Diagram NuGet package
* <span id="bcc2f882-dad9-4d2e-a2bd-b3a93fce27e9" annotationtype="inlineComment" data-mark-type="annotation" data-mark-annotation-type="inlineComment" data-id="bcc2f882-dad9-4d2e-a2bd-b3a93fce27e9" data-prosemirror-content-type="mark" data-prosemirror-mark-name="annotation">C1.Diagram.Parser NuGet package (for MermaidJS)</span>

### **Installation and Setup**

1. Open Visual Studio and Create a new Windows Forms Application
2. <span id="8ef2229e-91f2-412a-a02b-134b7a37d3ec" annotationtype="inlineComment" data-mark-type="annotation" data-mark-annotation-type="inlineComment" data-id="8ef2229e-91f2-412a-a02b-134b7a37d3ec" data-prosemirror-content-type="mark" data-prosemirror-mark-name="annotation">Open the NuGet Package Manager.</span>
3. <span id="8ef2229e-91f2-412a-a02b-134b7a37d3ec" annotationtype="inlineComment" data-mark-type="annotation" data-mark-annotation-type="inlineComment" data-id="8ef2229e-91f2-412a-a02b-134b7a37d3ec" data-prosemirror-content-type="mark" data-prosemirror-mark-name="annotation">Install the C1.Win.Diagram and C1.Diagram.Parser packages.</span>
4. <span id="8ef2229e-91f2-412a-a02b-134b7a37d3ec" annotationtype="inlineComment" data-mark-type="annotation" data-mark-annotation-type="inlineComment" data-id="8ef2229e-91f2-412a-a02b-134b7a37d3ec" data-prosemirror-content-type="mark" data-prosemirror-mark-name="annotation">Add the FlexDiagram control to the form by using the following code:</span>

```auto
using C1.Win.Diagram;
// Create and configure the diagram
var diagram = new FlexDiagram();
diagram.Dock = DockStyle.Fill;
this.Controls.Add(diagram);
```