diff --git a/package.json b/package.json
index cb38767..6fe6a65 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@tp/tp-splitter",
-  "version": "1.4.0",
+  "version": "1.5.0",
   "description": "",
   "main": "tp-splitter.js",
   "scripts": {
diff --git a/tp-hsplitter.js b/tp-hsplitter.js
index c69924b..831a5bd 100644
--- a/tp-hsplitter.js
+++ b/tp-hsplitter.js
@@ -102,6 +102,10 @@ class TpHSplitter extends LitElement {
     document.body.style['userSelect'] = '';
   }
 
+  setHeight(height) {
+    this.style.gridTemplateRows = `${height} var(--tp-splitter-width, 5px) 1fr`;
+  }
+
   _enableDrag(e) {
     document.addEventListener('mouseup', this._disableDrag)
     document.addEventListener('mousemove', this._resize);
diff --git a/tp-vsplitter.js b/tp-vsplitter.js
index 1658afd..950eb3e 100644
--- a/tp-vsplitter.js
+++ b/tp-vsplitter.js
@@ -97,6 +97,10 @@ class TpVSplitter extends LitElement {
     document.body.style['userSelect'] = '';
   }
 
+  setWidth(width) {
+    this.style.gridTemplateColumns = `${width} var(--tp-splitter-width, 5px) 1fr`;
+  }
+
   _enableDrag(e) {
     document.addEventListener('mouseup', this._disableDrag)
     document.addEventListener('mousemove', this._resize);