From 0ed7b7cb2af615a3f559c6d2419d69cf2a1f0a7f Mon Sep 17 00:00:00 2001
From: Cristhian Zanforlin Lousa <cristhian.lousa@gmail.com>
Date: Thu, 27 Jul 2023 00:11:40 -0300
Subject: [PATCH] =?UTF-8?q?=F0=9F=93=9D=20docs(widget.mdx):=20add=20instru?=
 =?UTF-8?q?ctions=20for=20including=20Chat=20Widget=20in=20Angular=20compo?=
 =?UTF-8?q?nent's=20view=20=F0=9F=93=9D=20docs(widget.mdx):=20provide=20ex?=
 =?UTF-8?q?ample=20code=20for=20adding=20the=20'langflow-chat'=20tag=20wit?=
 =?UTF-8?q?h=20necessary=20attributes=20to=20include=20the=20Chat=20Widget?=
 =?UTF-8?q?=20in=20the=20component's=20view?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 docs/docs/guidelines/widget.mdx | 13 +++++++++++++
 1 file changed, 13 insertions(+)

diff --git a/docs/docs/guidelines/widget.mdx b/docs/docs/guidelines/widget.mdx
index 0ceb914fc..fdd6f8bc3 100644
--- a/docs/docs/guidelines/widget.mdx
+++ b/docs/docs/guidelines/widget.mdx
@@ -138,6 +138,19 @@ import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 export class YourModule { }
 ```
 
+In your Angular project, locate the component that belongs to the module where you added the 'CUSTOM_ELEMENTS_SCHEMA'.
+
+- Inside the template, add the langflow-chat tag to include the Chat Widget in your component's view:
+
+```html
+  <langflow-chat
+    chat_inputs='{"your_key":"value"}'
+    chat_input_field="your_chat_key"
+    flow_id="your_flow_id"
+    host_url="langflow_url"
+  ></langflow-chat>
+```
+
 Here are some additional notes:
 
 - The CUSTOM_ELEMENTS_SCHEMA is a built-in schema that allows Angular to recognize custom elements.