diff --git a/types/leaflet-polylinedecorator/index.d.ts b/types/leaflet-polylinedecorator/index.d.ts
index b3603e9f29..b66fbc58cc 100644
--- a/types/leaflet-polylinedecorator/index.d.ts
+++ b/types/leaflet-polylinedecorator/index.d.ts
@@ -1,6 +1,7 @@
 // Type definitions for leaflet-polylinedecorator 1.1
 // Project: https://github.com/bbecquet/Leaflet.PolylineDecorator#readme
 // Definitions by: Viktor Soucek <https://github.com/soucekv>
+//                 Michael Faisst <https://github.com/michaelfaisst>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
 // TypeScript Version: 2.3
 
@@ -45,9 +46,9 @@ declare module 'leaflet' {
     }
 
     interface Pattern {
-        offset?: number;
-        endOffset?: number;
-        repeat: number;
+        offset?: number | string;
+        endOffset?: number | string;
+        repeat: number | string;
         symbol: Symbol.Dash | Symbol.ArrowHead | Symbol.Marker;
     }
 
diff --git a/types/leaflet-polylinedecorator/leaflet-polylinedecorator-tests.ts b/types/leaflet-polylinedecorator/leaflet-polylinedecorator-tests.ts
index 7a9c5ee946..66a02cd376 100644
--- a/types/leaflet-polylinedecorator/leaflet-polylinedecorator-tests.ts
+++ b/types/leaflet-polylinedecorator/leaflet-polylinedecorator-tests.ts
@@ -53,3 +53,44 @@ L.polylineDecorator(polyline, {
             })}
     ]
 }).addTo(map);
+
+L.polylineDecorator(polyline, {
+    patterns: [
+        {
+            offset: "10%",
+            repeat: 0,
+            symbol: L.Symbol.arrowHead({
+                polygon: true,
+                headAngle: 45,
+                pixelSize: 12,
+                pathOptions: {}
+            })}
+    ]
+}).addTo(map);
+
+L.polylineDecorator(polyline, {
+    patterns: [
+        {
+            endOffset: "20%",
+            repeat: 0,
+            symbol: L.Symbol.arrowHead({
+                polygon: true,
+                headAngle: 45,
+                pixelSize: 12,
+                pathOptions: {}
+            })}
+    ]
+}).addTo(map);
+
+L.polylineDecorator(polyline, {
+    patterns: [
+        {
+            repeat: "5%",
+            symbol: L.Symbol.arrowHead({
+                polygon: true,
+                headAngle: 45,
+                pixelSize: 12,
+                pathOptions: {}
+            })}
+    ]
+}).addTo(map);