From 120b18d99e366b5bbd3c2115ae728f89b1fa895e Mon Sep 17 00:00:00 2001
From: cyb3rarjun10 <ajnagarjuna.cit@gmail.com>
Date: Tue, 15 Jul 2025 17:44:53 +0530
Subject: [PATCH] Add custom label demo for Slider

---
 .../core/Slider/Slider.demo.customLabel.tsx   | 23 +++++++++++++++++++
 1 file changed, 23 insertions(+)
 create mode 100644 packages/@docs/demos/src/demos/core/Slider/Slider.demo.customLabel.tsx

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,
+};