Blazor

Steps for using TWPdfViewer component in Blazor

In your HTML section of the page, you will need to add 2 CSS links.
File location: Pages\{YOUR_PAGE}.razor (e.g. Index.razor)
HTML example
Copy
```
<link rel="stylesheet" href="/_content/Terminalworks.PdfViewer.AspNetCore/css/tw-pdf-viewer.css"/>
<link rel="stylesheet" id="tw-web-theme" href="/_content/Terminalworks.PdfViewer.AspNetCore/css/themes/light/tw-pdf-viewer-theme.css" />
```
tw-pdf-viewer.css is a general CSS of TWPdfViewer and we recommend that you don't change it.
tw-pdf-viewer-theme.css is theme specific.
You can read more about changing theme at Changing the theme

Add needed Javascript as shown in the example below

File location: Pages\_Host.cshtml

HTML example

Copy

<body>
  <!-- your other body content -->
  <script src='/_content/Terminalworks.PdfViewer.AspNetCore/js/pdf.js'></script>
  <script src='/_content/Terminalworks.PdfViewer.AspNetCore/js/tw_viewer.js'></script>
</body>

Add the component to your page
File location: Pages\{YOUR_PAGE}.razor (e.g. Index.razor)
XML
Copy
```
@using TWWebCorePdfViewer.Pages.Shared;
<TWPdfViewer />
```
If you use render-mode="Static" to make it work you need to add IsStatic="@("Yes")"
XML
Copy
```
@using TWWebCorePdfViewer.Pages.Shared;
<TWPdfViewer IsStatic="@("Yes=")" />
```
For examples how to set initial parameters look at Viewer options

Other Resources

How to apply license?

Razor - installation instructions

MVC - installation instructions

WebAssembly - installation instructions