Updated ControlsTestWebPart

Author: GuidoZam

src/services/FolderExplorerService.ts

@@ -8,7 +8,7 @@ import { Web } from "@pnp/sp/webs";
 import "@pnp/sp/folders";
 import "@pnp/sp/lists";
 import { IFolderAddResult } from "@pnp/sp/folders";
-import { IFileInfo, IFiles } from "@pnp/sp/files";
+import { IFileInfo } from "@pnp/sp/files";
 
 export class FolderExplorerService implements IFolderExplorerService {
 

src/webparts/controlsTest/ControlsTestWebPart.ts

@@ -87,7 +87,7 @@ export default class ControlsTestWebPart extends BaseClientSideWebPart<IControls
         themeVariant: this._themeVariant,
         context: this.context,
         description: this.properties.description,
-        title: this.properties.title,
+        title: this.properties.title ?? "Sample title",
         displayMode: this.displayMode,
         updateProperty: (value: string) => {
           this.properties.title = value;

src/webparts/controlsTest/components/ControlsTest.module.scss

@@ -7,8 +7,20 @@ $themePrimary: '[theme:themePrimary, default:#0078d7]';
     box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2), 0 25px 50px 0 rgba(0, 0, 0, 0.1);
   }
 
+  .toggleFilter {
+    display: flex;
+    float: left;
+    margin: 10px;
+  }
+
+  .controlFiltersContainer {
+    overflow: auto;
+    display: grid;
+    grid-template-columns: auto auto auto;
+  }
+
   .row {
-    padding: 20px;
+    padding: 10px;
     >div>div {
       margin-bottom: 10px;
     }