Getting started.md

title	Getting Started
parent	WebView2
grand_parent	Tutorials
nav_order	1
permalink	/Tutorials/WebView2/Getting-Started
redirect_from	/WebView2/Getting-Started

Getting Started

Package requirements

To create projects that use WebView2, your projects must include both the WinNativeForms package and the WebView2 package in your projects.

Both of these packages can be added through the Project > References menu option, which opens Project Settings at its Library References, on the Enabled Libraries tab. Select the Available Packages tab and ensure both packages are ticked, and then press Apply Changes, which restarts the compiler.

{:width="997" height="294"}

Once you've added the package references, you should find that the WebView2 control is now available to you in the form designer:

{:width="196" height="366"}

Create a WebView2 control on a form

We use the WebView2 control just like any ordinary control:

{:width="1000" height="530"}

WebView2 control properties

There are lots of WebView2 properties and events to experiment with. The control's own properties are in the GENERAL group of the PROPERTIES panel:

{:width="500" height="525"}

For what each property does, see the WebView2 control class; for the underlying browser feature, try searching the official WebView2 documentation

Samples

If you prefer to start with a sample, have a look at Sample 1a, the card named WebView2 Examples in the Samples section of the new-project dialog:

{:width="970" height="728"}