Merge pull request #371 from IgniteUI/jsakamotoIGJP/cleanup-excel-library-overview

fix(excel-library): correct platform content separation and Blazor setup in overview

Author: jsakamotoIGJP

docs/xplat/src/content/en/components/excel-library.mdx

@@ -33,6 +33,10 @@ npm install --save {PackageCore}
 npm install --save {PackageExcel}
 ```
 
+</PlatformBlock>
+
+<PlatformBlock for="Angular">
+
 ## Component Modules
 
 The {Platform} excel library requires the following modules:
@@ -51,12 +55,28 @@ import { IgxExcelModule } from 'igniteui-angular-excel';
 export class AppModule {}
 ```
 
+</PlatformBlock>
+
+<PlatformBlock for="React">
+
+## Component Modules
+
+The {Platform} excel library requires the following modules:
+
 ```ts
 import { IgrExcelModule } from 'igniteui-react-excel';
 
 IgrExcelModule.register();
 ```
 
+</PlatformBlock>
+
+<PlatformBlock for="WebComponents">
+
+## Component Modules
+
+The {Platform} excel library requires the following modules:
+
 ```ts
 // Module Manager for registering the modules of the chart
 import { ModuleManager } from 'igniteui-webcomponents-core';
@@ -68,6 +88,10 @@ ModuleManager.register(
 );
 ```
 
+</PlatformBlock>
+
+<PlatformBlock for="Angular">
+
 ## Modules Implementation
 
 The Excel Library contains 5 modules that you can use to limit bundle size of your app:
@@ -89,13 +113,19 @@ The Excel Library contains 5 modules that you can use to limit bundle size of yo
 
 ## Requirements
 
-In order to use the {Platform} excel library, you need to add the following using statement:
+In order to use the {Platform} excel library, you need to add the Excel Library NuGet package like this:
+
+```cmd
+> dotnet add package IgniteUI.Blazor.Documents.Excel
+```
+
+Add the following using statement:
 
 ```razor
 @using Infragistics.Documents.Excel
 ```
 
-If you are using a Web Assembly (WASM) Blazor project, there are a couple of extra steps:
+If you are using a Blazor WebAssembly (WASM) project, there are a couple of extra steps:
 
 - Add a reference to the following script in the wwwroot/index.html file:
 
@@ -149,20 +179,25 @@ The Excel Library does not support the Excel Binary Workbook (.xlsb) format at t
 </DocsAside>
 
 ## Load and Save Workbooks
-Now that the Excel Library module is imported, next step is to load a workbook.
-
 
 <PlatformBlock for="Angular, React, WebComponents">
 
-
+Now that the Excel Library module is imported, next step is to load a workbook.
 
 In the following code snippet, an external [ExcelUtility](excel-utility.md) class is used to save and load a <ApiLink type="Workbook" />.
 
 
 </PlatformBlock>
 
+<PlatformBlock for="Blazor">
+
+Now that the Excel Library package is installed, next step is to load a workbook.
 
-In order to load and save <ApiLink type="Workbook" /> objects, you can utilize the save method of the actual <ApiLink type="Workbook" /> object, as well as its static `Load` method.
+</PlatformBlock>
+
+In order to load and save <ApiLink type="Workbook" /> objects, you can utilize the `Save` method of the actual <ApiLink type="Workbook" /> object, as well as its static `Load` method.
+
+<PlatformBlock for="Angular, React, WebComponents">
 
 ```ts
 import { Workbook } from "{PackageExcel}";
@@ -174,9 +209,11 @@ var workbook = ExcelUtility.load(file);
 ExcelUtility.save(workbook, "fileName");
 ```
 
+</PlatformBlock>
+
 <PlatformBlock for="Blazor">
 
-```razor
+```csharp
 protected override void OnInitialized()
 {
     var memoryStream = new System.IO.MemoryStream();