diff --git a/packages/@docs/demos/src/demos/core/Slider/Slider.demo.customLabel.tsx b/packages/@docs/demos/src/demos/core/Slider/Slider.demo.customLabel.tsx
new file mode 100644
index 0000000000..89976c94e4
--- /dev/null
+++ b/packages/@docs/demos/src/demos/core/Slider/Slider.demo.customLabel.tsx
@@ -0,0 +1,23 @@
+import React from 'react';
+import { Slider } from '@mantine/core';
+
+function valueLabel(value: number) {
+  return `Volume: ${value}%`;
+}
+
+function Demo() {
+  return (
+    <Slider
+      defaultValue={40}
+      label={valueLabel}
+      step={5}
+      min={0}
+      max={100}
+    />
+  );
+}
+
+export const customLabel: MantineDemo = {
+  type: 'demo',
+  component: Demo,
+};