From a5ff39f4548b0d1e64b2e46e52fed492ed27e651 Mon Sep 17 00:00:00 2001
From: girinathchickoo <girinathgiri24@e\gmail.com>
Date: Fri, 3 Jan 2025 17:20:47 +0530
Subject: [PATCH] update heading

---
 widget-docs.md | 22 +++++++++++++++++++++-
 1 file changed, 21 insertions(+), 1 deletion(-)

diff --git a/widget-docs.md b/widget-docs.md
index 543b395..889a049 100644
--- a/widget-docs.md
+++ b/widget-docs.md
@@ -52,7 +52,7 @@ Add the widget component to your app
 
 ### Integrator Id (Required)
 
-Unique identifier assigned to each integration partner. It is used to track and manage various integrations within our system.Error will be thrown if this field is empty.
+Unique identifier assigned to each integration partner. It is used to track and manage various integrations within our system. Error will be thrown if this field is empty.
 
 ```jsx
 const configuration = {
@@ -83,6 +83,15 @@ const configuration = {
     boxShadow:"1px 1px 7px 5px rgb(255,255,255,0.1)" ,
   },
   theme:"light",
+   headingText: "",
+      headingContainerStyles: {
+        transform: "skewX(0deg)",
+        left: "0px",
+        top: "0px",
+      },
+      headingStyles: {
+        transform: "skewX(0deg)",
+      },
   customTheme: {
     text: {
       primary: "#808080",
@@ -144,6 +153,17 @@ const configuration = {
     boxShadow:"1px 1px 7px 5px rgb(255,255,255,0.1)" // for adding desired shadow effect to the container.
   },
   theme:"light",  // light or dark, if custom theme is applied then custom theme will override light/dark theme
+     headingText: "", // Text to display as the widget heading - pass the heading as string to display your own heading, default text is LAZY.exchange.
+      headingContainerStyles: {// Styles to customize the container that wraps the heading,
+        transform: "skewX(0deg)", // Supports all valid CSS style properties.
+        left: "0px",
+        top: "0px",
+      },
+      // Styles to customize the heading text itself,
+      // Supports all valid CSS style properties.
+      headingStyles: {
+        transform: "skewX(0deg)",
+      },
   customTheme: {
     text: {
       primary: "#808080", // primary color of the theme, this applies to headings, main text, svgs, etc..,