diff --git a/cypress/fixtures/flows/dashboard-slider.json b/cypress/fixtures/flows/dashboard-slider.json
index 55bd8398..e6e9dc23 100644
--- a/cypress/fixtures/flows/dashboard-slider.json
+++ b/cypress/fixtures/flows/dashboard-slider.json
@@ -329,5 +329,149 @@
                 "dashboard-ui-slider"
             ]
         ]
+    },
+    {
+        "id": "dashboard-ui-button-dynamic-textfield",
+        "type": "ui-button",
+        "z": "node-red-tab-slider",
+        "group": "dashboard-ui-group",
+        "name": "Show Text Field",
+        "label": "Show Text Field",
+        "order": 0,
+        "width": 0,
+        "height": 0,
+        "emulateClick": false,
+        "tooltip": "",
+        "color": "",
+        "bgcolor": "",
+        "className": "",
+        "icon": "",
+        "iconPosition": "left",
+        "payload": "",
+        "payloadType": "str",
+        "topic": "topic",
+        "topicType": "msg",
+        "buttonColor": "",
+        "textColor": "",
+        "iconColor": "",
+        "enableClick": true,
+        "enablePointerdown": false,
+        "pointerdownPayload": "",
+        "pointerdownPayloadType": "str",
+        "enablePointerup": false,
+        "pointerupPayload": "",
+        "pointerupPayloadType": "str",
+        "x": 180,
+        "y": 280,
+        "wires": [
+            [
+                "dashboard-ui-set-property-textfield"
+            ]
+        ]
+    },
+    {
+        "id": "dashboard-ui-set-property-textfield",
+        "type": "change",
+        "z": "node-red-tab-slider",
+        "name": "",
+        "rules": [
+            {
+                "t": "delete",
+                "p": "payload",
+                "pt": "msg"
+            },
+            {
+                "t": "delete",
+                "p": "topic",
+                "pt": "msg"
+            },
+            {
+                "t": "set",
+                "p": "ui_update.showTextField",
+                "pt": "msg",
+                "to": "true",
+                "tot": "bool"
+            }
+        ],
+        "action": "",
+        "property": "",
+        "from": "",
+        "to": "",
+        "reg": false,
+        "x": 380,
+        "y": 280,
+        "wires": [
+            [
+                "dashboard-ui-slider"
+            ]
+        ]
+    },
+    {
+      "id": "dashboard-ui-set-property-step",
+      "type": "change",
+      "z": "node-red-tab-slider",
+      "name": "",
+      "rules": [
+        {
+          "t": "delete",
+          "p": "payload",
+          "pt": "msg"
+        },
+        {
+          "t": "delete",
+          "p": "topic",
+          "pt": "msg"
+        },
+        {
+          "t": "set",
+          "p": "msg.ui_update.step",
+          "pt": "msg",
+          "to": "2",
+          "tot": "num"
+        }
+      ],
+      "action": "",
+      "property": "",
+      "from": "",
+      "to": "",
+      "reg": false,
+      "x": 380,
+      "y": 320,
+      "wires": [["dashboard-ui-slider"]]
+    },
+    {
+      "id": "dashboard-ui-button-dynamic-step",
+      "type": "ui-button",
+      "z": "node-red-tab-slider",
+      "group": "dashboard-ui-group",
+      "name": "Set Step",
+      "label": "Set Step",
+      "order": 0,
+      "width": 0,
+      "height": 0,
+      "emulateClick": false,
+      "tooltip": "",
+      "color": "",
+      "bgcolor": "",
+      "className": "",
+      "icon": "",
+      "iconPosition": "left",
+      "payload": "",
+      "payloadType": "str",
+      "topic": "topic",
+      "topicType": "msg",
+      "buttonColor": "",
+      "textColor": "",
+      "iconColor": "",
+      "enableClick": true,
+      "enablePointerdown": false,
+      "pointerdownPayload": "",
+      "pointerdownPayloadType": "str",
+      "enablePointerup": false,
+      "pointerupPayload": "",
+      "pointerupPayloadType": "str",
+      "x": 160,
+      "y": 320,
+      "wires": [["dashboard-ui-set-property-step"]]
     }
 ]
\ No newline at end of file
diff --git a/cypress/tests/widgets/slider.spec.js b/cypress/tests/widgets/slider.spec.js
index e9a98db9..08a5290f 100644
--- a/cypress/tests/widgets/slider.spec.js
+++ b/cypress/tests/widgets/slider.spec.js
@@ -47,4 +47,63 @@ describe('Node-RED Dashboard 2.0 - Slider (Dynamic Properties)', () => {
         // check the min value is updated
         cy.get('#nrdb-ui-widget-dashboard-ui-slider').find('.v-slider-thumb').should('have.attr', 'aria-valuemax', '50')
     })
+    it('include "showTextField"', () => {
+        // First, check that the text field does not exist
+        cy.get('#nrdb-ui-widget-dashboard-ui-slider').within(() => { cy.get('#nrdb-ui-widget-dashboard-ui-slider-text-field').should('not.exist') })
+        cy.clickAndWait(cy.get('#nrdb-ui-widget-dashboard-ui-button-dynamic-textfield'))
+        // Check if the text field is present when showTextField is true
+        cy.get('#nrdb-ui-widget-dashboard-ui-slider').within(() => { cy.get('#nrdb-ui-widget-dashboard-ui-slider-text-field').should('exist') })
+    })
+})
+
+describe('Node-RED Dashboard 2.0 - Slider (Text Field Input)', () => {
+    beforeEach(() => {
+        cy.deployFixture('dashboard-slider')
+        cy.visit('/dashboard/page1')
+    })
+
+    it('text field emits a value on blur', () => {
+        cy.clickAndWait(cy.get('#nrdb-ui-widget-dashboard-ui-slider-text-field'), 200)
+        // then we can type into the input
+        cy.get('#nrdb-ui-widget-dashboard-ui-slider-text-field').type('{selectall}{del}40')
+        cy.focused().blur()
+        cy.checkOutput('msg.payload', 40)
+    })
+
+    it('text field validation for max value', () => {
+        // Extract the max value from the slider thumb and store it in a variable
+        // eslint-disable-next-line promise/always-return, promise/catch-or-return
+        cy.get('#nrdb-ui-widget-dashboard-ui-slider-text-field').invoke('attr', 'max').then((maxValue) => {
+            const greaterThanMaxValue = parseInt(maxValue) + 10
+            cy.clickAndWait(cy.get('#nrdb-ui-widget-dashboard-ui-slider-text-field'), 200)
+            // then we can type into the input
+            cy.get('#nrdb-ui-widget-dashboard-ui-slider-text-field').type(`{selectall}{del}${greaterThanMaxValue}`)
+            cy.focused().blur()
+            cy.get('#nrdb-ui-widget-dashboard-ui-slider-text-field').should('have.value', maxValue)
+        })
+    })
+    it('text field validation for min value', () => {
+        // Extract the min value from the slider thumb and store it in a variable
+        // eslint-disable-next-line promise/catch-or-return, promise/always-return
+        cy.get('#nrdb-ui-widget-dashboard-ui-slider-text-field').invoke('attr', 'min').then((minValue) => {
+            const lessThanMinValue = parseInt(minValue) - 20
+            cy.clickAndWait(cy.get('#nrdb-ui-widget-dashboard-ui-slider-text-field'), 200)
+            // then we can type into the input
+            cy.get('#nrdb-ui-widget-dashboard-ui-slider-text-field').type(`{selectall}{del}${lessThanMinValue}`)
+            cy.focused().blur()
+            cy.get('#nrdb-ui-widget-dashboard-ui-slider-text-field').should('have.value', minValue)
+        })
+    })
+
+    it('text field rounds input to nearest step', () => {
+        // eslint-disable-next-line promise/catch-or-return, promise/always-return
+
+        cy.clickAndWait(cy.get('#nrdb-ui-widget-dashboard-ui-button-dynamic-step'))
+
+        cy.clickAndWait(cy.get('#nrdb-ui-widget-dashboard-ui-slider-text-field'), 200)
+        // then we can type into the input
+        cy.get('#nrdb-ui-widget-dashboard-ui-slider-text-field').type('{selectall}{del}27')
+        cy.focused().blur()
+        cy.get('#nrdb-ui-widget-dashboard-ui-slider-text-field').should('have.value', 28)
+    })
 })
diff --git a/docs/nodes/widgets/ui-slider.md b/docs/nodes/widgets/ui-slider.md
index bf21e270..1becd5a1 100644
--- a/docs/nodes/widgets/ui-slider.md
+++ b/docs/nodes/widgets/ui-slider.md
@@ -59,6 +59,9 @@ dynamic:
     Class:
         payload: msg.ui_update.class
         structure: ["String"]
+    Show Text Field:
+        payload: msg.ui_update.showTextField
+        structure: ["true | false"]
 ---
 
 <script setup>
diff --git a/nodes/widgets/locales/en-US/ui_slider.html b/nodes/widgets/locales/en-US/ui_slider.html
index aba9a566..7588c364 100644
--- a/nodes/widgets/locales/en-US/ui_slider.html
+++ b/nodes/widgets/locales/en-US/ui_slider.html
@@ -30,6 +30,8 @@ <h3>Properties</h3>
             Add <a href="https://pictogrammers.com/library/mdi/">mdi icon</a> before and after the slider.
             For example, "minus". There is no need to include the "mdi-" prefix, just the name of the icon.
         </dd>
+        <dt>Show Text Field <span class="property-type">true | false</span></dt>
+        <dd>Defined when text field will be visible next to slider. Defaults to 'false'.</dd>
     </dl>
     <h3>Dynamic Properties (Inputs)</h3>
     <p>Any of the following can be appended to a <code>msg.ui_update.</code> in order to override or set properties on this node at runtime.</p>
@@ -81,4 +83,8 @@ <h3>Dynamic Properties (Inputs)</h3>
         <dt class="optional">class <span class="property-type">string</span></dt>
         <dd>Add a CSS class, or more, to the Button at runtime.</dd>
     </dl>
+    <dl class="message-properties">
+        <dt class="optional">showTextField <span class="property-type">true | false</span></dt>
+        <dd>Show text field next to slider.</dd>
+    </dl>
 </script>
diff --git a/nodes/widgets/locales/en-US/ui_slider.json b/nodes/widgets/locales/en-US/ui_slider.json
new file mode 100644
index 00000000..f0483d8b
--- /dev/null
+++ b/nodes/widgets/locales/en-US/ui_slider.json
@@ -0,0 +1,22 @@
+{
+    "ui-slider": {
+        "label": {
+            "name": "Name",
+            "group": "Group",
+            "size": "Size",
+            "class": "Class",
+            "label": "Label",
+            "thumb": "Thumb",
+            "ticks": "Ticks",
+            "range": "Range",
+            "min": "min.",
+            "max": "max.",
+            "step": "step",
+            "icons": "Icons",
+            "color": "Color",
+            "outputs": "Output",
+            "show": "Show",
+            "textField": "Text Field"
+        }
+    }
+}
\ No newline at end of file
diff --git a/nodes/widgets/ui_slider.html b/nodes/widgets/ui_slider.html
index db5440b1..fa778ae8 100644
--- a/nodes/widgets/ui_slider.html
+++ b/nodes/widgets/ui_slider.html
@@ -38,7 +38,8 @@
                 iconAppend: { value: '' },
                 color: { value: '' },
                 colorTrack: { value: '' },
-                colorThumb: { value: '' }
+                colorThumb: { value: '' },
+                showTextField: { value: false }
             },
             inputs: 1,
             outputs: 1,
@@ -86,6 +87,12 @@
                     $('#node-input-showTicks').val('false')
                 }
 
+                // handle no value for showTextField (from sliders created before this was a value)
+                if (!this.showTextField) {
+                    this.showTextField = false
+                    $('#node-input-showTextField').val(false)
+                }
+
                 // use jQuery UI tooltip to convert the plain old title attribute to a nice tooltip
                 $('.ui-node-popover-title').tooltip({
                     show: {
@@ -144,11 +151,16 @@
             </div>
         </div>
         <div class="form-row">
-            <label for="node-input-label"><i class="fa fa-i-cursor"></i> Label</label>
+            <label for="node-input-label"><i class="fa fa-font"></i> Label</label>
             <input type="text" id="node-input-label">
         </div>
+        <div class="form-row form-row-flex" style="align-items: center;">
+            <label for="node-input-label"><i class="fa fa-i-cursor"></i> <span data-i18n="ui-slider.label.textField"></span></label>
+            <input style="width:20px;" type="checkbox" id="node-input-showTextField">
+            <label style="width:auto" for="node-input-showTextField"><span data-i18n="ui-slider.label.show"></span></label>
+        </div>
         <div class="form-row">
-            <label for="node-input-thumbLabel"><i class="fa fa-i-cursor"></i> Thumb</label>
+            <label for="node-input-thumbLabel"><i class="fa fa-map-marker"></i> Thumb</label>
             <select id="node-input-thumbLabel">
                 <option value="false">Never</option>
                 <option value="true">On Drag</option>
@@ -156,7 +168,7 @@
             </select>
         </div>
         <div class="form-row">
-            <label for="node-input-showTicks"><i class="fa fa-i-cursor"></i> Ticks</label>
+            <label for="node-input-showTicks"><i class="fa fa-reorder fa-rotate-90"></i> Ticks</label>
             <select id="node-input-showTicks">
                 <option value="false">Never</option>
                 <option value="true">On Drag</option>
diff --git a/nodes/widgets/ui_slider.js b/nodes/widgets/ui_slider.js
index 1421479e..311c4bac 100644
--- a/nodes/widgets/ui_slider.js
+++ b/nodes/widgets/ui_slider.js
@@ -79,6 +79,9 @@ module.exports = function (RED) {
                     if (typeof (updates.colorThumb) !== 'undefined') {
                         statestore.set(group.getBase(), node, msg, 'colorThumb', updates.colorThumb)
                     }
+                    if (typeof (updates.showTextField) !== 'undefined') {
+                        statestore.set(group.getBase(), node, msg, 'showTextField', updates.showTextField)
+                    }
                 }
                 return msg
             }
diff --git a/ui/src/widgets/ui-slider/UISlider.vue b/ui/src/widgets/ui-slider/UISlider.vue
index 910d7817..b93517c3 100644
--- a/ui/src/widgets/ui-slider/UISlider.vue
+++ b/ui/src/widgets/ui-slider/UISlider.vue
@@ -2,21 +2,35 @@
 <!-- eslint-disable vuetify/no-deprecated-events -->
 <template>
     <v-slider
-        v-model="value" :disabled="!state.enabled" hide-details="auto"
+        v-model="sliderValue" :disabled="!state.enabled" hide-details="auto"
         :class="className" :style="`--nrdb-slider-track-color:${colorTrack};--nrdb-slider-tick-scaleY:${tickScaleY};--nrdb-slider-tick-scaleX:${tickScaleX};`"
         :thumb-label="thumbLabel"
         :append-icon="iconAppend" :prepend-icon="iconPrepend"
-        :min="min" :direction="direction"
+        :min="min" :max="max" :step="step || 1"
+        :direction="direction" :show-ticks="showTicks"
         :reverse="isReverse"
         :tick-size="4" :track-size="4"
         :color="color" :track-color="colorTrack" :thumb-color="colorThumb"
-        :max="max" :step="step || 1" :show-ticks="showTicks"
-        @update:model-value="onChange" @end="onBlur"
+        @update:model-value="onSliderChange" @end="onSliderBlur"
     >
         <template #label>
             <!-- eslint-disable-next-line vue/no-v-html -->
             <span v-html="label" />
         </template>
+        <template v-if="showTextField" #append>
+            <v-text-field
+                id="nrdb-ui-widget-dashboard-ui-slider-text-field"
+                v-model.number="textFieldValue"
+                density="compact"
+                style="width: 80px"
+                type="number"
+                variant="outlined"
+                hide-details
+                :min="min" :max="max"
+                @blur="onTextFieldBlur"
+                @keyup.enter="onEnter"
+            />
+        </template>
     </v-slider>
 </template>
 
@@ -34,7 +48,8 @@ export default {
     },
     data () {
         return {
-            value: null
+            sliderValue: null,
+            textFieldValue: null
         }
     },
     computed: {
@@ -52,7 +67,7 @@ export default {
             return this.props.height > this.props.width ? 0.5 : 3
         },
         label: function () {
-            // Sanetize the html to avoid XSS attacks
+            // Sanitize the html to avoid XSS attacks
             return DOMPurify.sanitize(this.getProperty('label'))
         },
         thumbLabel: function () {
@@ -97,41 +112,68 @@ export default {
         },
         colorThumb: function () {
             return this.getProperty('colorThumb')
+        },
+        showTextField: function () {
+            return this.getProperty('showTextField')
         }
     },
     watch: {
         storeValue: function (val, oldVal) {
-            if (this.value === val) {
+            if (this.sliderValue === val && this.textFieldValue === val) {
                 return // no change
             }
             if (typeof val !== 'undefined') {
-                this.value = val
+                this.sliderValue = val
+                this.textFieldValue = val
             }
+        },
+        sliderValue: function (val) {
+            this.textFieldValue = val
         }
     },
     created () {
         this.$dataTracker(this.id, null, this.onLoad, this.onDynamicProperties)
     },
     mounted () {
-        this.value = this.messages[this.id]?.payload
+        const val = this.messages[this.id]?.payload
+        if (typeof val !== 'undefined') {
+            this.sliderValue = val
+            this.textFieldValue = val
+        }
     },
     methods: {
-        onChange () {
+        onSliderChange (val) {
+            this.sliderValue = val
             if (!this.props.outs || this.props.outs === 'all') {
                 this.send()
             }
         },
-        onBlur () {
+        onSliderBlur () {
             if (this.props.outs === 'end') {
                 this.send()
             }
         },
+        onTextFieldBlur () {
+            this.validateInput()
+            if (this.sliderValue !== this.textFieldValue) {
+                this.sliderValue = this.textFieldValue
+                this.send()
+            }
+        },
+        onEnter: function () {
+            this.validateInput()
+            if (this.sliderValue !== this.textFieldValue) {
+                this.sliderValue = this.textFieldValue
+            }
+            // don't compare previous value, if user has pressed <enter> they want it submitted
+            this.send()
+        },
         send () {
-            this.value = Number(this.value)
+            const val = Number(this.sliderValue)
             const msg = this.messages[this.id] || {}
-            msg.payload = this.value
+            msg.payload = val
             this.$store.commit('data/bind', msg)
-            this.$socket.emit('widget-change', this.id, this.value)
+            this.$socket.emit('widget-change', this.id, val)
         },
         makeMdiIcon (icon) {
             return 'mdi-' + icon.replace(/^mdi-/, '')
@@ -152,10 +194,21 @@ export default {
             this.updateDynamicProperty('color', updates.color)
             this.updateDynamicProperty('colorTrack', updates.colorTrack)
             this.updateDynamicProperty('colorThumb', updates.colorThumb)
+            this.updateDynamicProperty('showTextField', updates.showTextField)
+        },
+        // Validate the text field input
+        validateInput () {
+            this.textFieldValue = this.roundToStep(this.textFieldValue)
+            if (this.textFieldValue < this.min) {
+                this.textFieldValue = this.min
+            } else if (this.textFieldValue > this.max) { this.textFieldValue = this.max }
+        },
+        roundToStep (value) {
+            const step = this.step || 1
+            return Math.round(value / step) * step
         }
     }
 }
 </script>
 
-<style scoped>
-</style>
+<style scoped></style>