diff --git a/packages/pluggableWidgets/floating-action-button-native/package.json b/packages/pluggableWidgets/floating-action-button-native/package.json
index b60ff012b1..6f2f1a35b2 100644
--- a/packages/pluggableWidgets/floating-action-button-native/package.json
+++ b/packages/pluggableWidgets/floating-action-button-native/package.json
@@ -1,7 +1,7 @@
 {
   "name": "floating-action-button-native",
   "widgetName": "FloatingActionButton",
-  "version": "1.0.1",
+  "version": "1.1.0",
   "license": "Apache-2.0",
   "repository": {
     "type": "git",
diff --git a/packages/pluggableWidgets/floating-action-button-native/src/FloatingActionButton.editorConfig.ts b/packages/pluggableWidgets/floating-action-button-native/src/FloatingActionButton.editorConfig.ts
new file mode 100644
index 0000000000..3fb5afaad5
--- /dev/null
+++ b/packages/pluggableWidgets/floating-action-button-native/src/FloatingActionButton.editorConfig.ts
@@ -0,0 +1,24 @@
+import { ImageProps, ContainerProps } from "@widgets-resources/piw-utils";
+import { FloatingActionButtonPreviewProps } from "../typings/FloatingActionButtonProps";
+import StructurePreviewFloatingActionButtonPrimarySVG from "./assets/StructurePreviewFloatingActionButtonPrimary.svg";
+
+const rowLayoutContainer: ContainerProps = { type: "Container", children: [] };
+const rowLayoutImage: ImageProps = {
+    type: "Image",
+    document: decodeURIComponent(StructurePreviewFloatingActionButtonPrimarySVG.replace("data:image/svg+xml,", "")),
+    width: 32,
+    height: 32
+};
+
+export const getPreview = (values: FloatingActionButtonPreviewProps) => ({
+    type: "RowLayout",
+    borders: false,
+    padding: 8,
+    columnSize: "grow",
+    children:
+        values.horizontalPosition === "left"
+            ? [rowLayoutImage]
+            : values.horizontalPosition === "center"
+            ? [rowLayoutContainer, rowLayoutImage, rowLayoutContainer]
+            : [rowLayoutContainer, rowLayoutImage]
+});
diff --git a/packages/pluggableWidgets/floating-action-button-native/src/assets/StructurePreviewFloatingActionButtonPrimary.svg b/packages/pluggableWidgets/floating-action-button-native/src/assets/StructurePreviewFloatingActionButtonPrimary.svg
new file mode 100644
index 0000000000..c4b5a4ced5
--- /dev/null
+++ b/packages/pluggableWidgets/floating-action-button-native/src/assets/StructurePreviewFloatingActionButtonPrimary.svg
@@ -0,0 +1,11 @@
+<svg width="56px" height="56px" viewBox="0 0 56 56" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>Floating Action Button/Primary</title>
+    <g id="Building-Blocks" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="Floating-Action-Button-Regular">
+            <circle id="FAB-Regular" fill="#264AE5" cx="28" cy="28" r="28"></circle>
+            <g id="pen" transform="translate(16.000000, 16.000000)" fill="#FFFFFF" fill-rule="nonzero">
+                <path d="M13.5517935,4.33114839 L19.498529,10.2778839 L6.58544516,23.1909677 L1.28345806,23.7762581 C0.573677419,23.8547613 -0.0260129032,23.2546065 0.0529548387,22.5448258 L0.642890323,17.2391226 L13.5517935,4.33114839 Z M23.1765677,3.44578065 L20.3843613,0.653574194 C19.5133935,-0.217393548 18.1008,-0.217393548 17.2298323,0.653574194 L14.6029935,3.2804129 L20.549729,9.22714839 L23.1765677,6.60030968 C24.0475355,5.72887742 24.0475355,4.31674839 23.1765677,3.44578065 Z" id="Shape"></path>
+            </g>
+        </g>
+    </g>
+</svg>
diff --git a/packages/pluggableWidgets/floating-action-button-native/src/package.xml b/packages/pluggableWidgets/floating-action-button-native/src/package.xml
index 9e2f725996..c594bff5e4 100644
--- a/packages/pluggableWidgets/floating-action-button-native/src/package.xml
+++ b/packages/pluggableWidgets/floating-action-button-native/src/package.xml
@@ -1,6 +1,6 @@
 <?xml version="1.0" encoding="utf-8"?>
 <package xmlns="http://www.mendix.com/package/1.0/">
-    <clientModule name="FloatingActionButton" version="1.0.1" xmlns="http://www.mendix.com/clientModule/1.0/">
+    <clientModule name="FloatingActionButton" version="1.1.0" xmlns="http://www.mendix.com/clientModule/1.0/">
         <widgetFiles>
             <widgetFile path="FloatingActionButton.xml"/>
         </widgetFiles>
diff --git a/packages/pluggableWidgets/floating-action-button-native/tsconfig.json b/packages/pluggableWidgets/floating-action-button-native/tsconfig.json
index 9ee029e836..6c9b89ed7c 100644
--- a/packages/pluggableWidgets/floating-action-button-native/tsconfig.json
+++ b/packages/pluggableWidgets/floating-action-button-native/tsconfig.json
@@ -1,5 +1,5 @@
 {
     "extends": "@mendix/pluggable-widgets-tools/configs/tsconfig.base",
     "baseUrl": "./",
-    "include": ["./src"]
+    "include": ["node_modules/@mendix/pluggable-widgets-tools/typings", "./src"]
 }