diff --git a/api-reference/chat-settings.mdx b/api-reference/chat-settings.mdx
index 6e2c413..f578137 100644
--- a/api-reference/chat-settings.mdx
+++ b/api-reference/chat-settings.mdx
@@ -81,3 +81,14 @@ async def setup_agent(settings):
     print("on_settings_update", settings)
 
 ```
+You can also access the Chainlit chat settings using a combination of the `@` and `/` commands. Using `@`, you can trigger the chat settings **Select** input, and using `/`, you can choose the selected setting’s input values.
+
+### Single Select option Type
+<Frame caption="The user selecting a command">
+  <img src="/images/chat-settings1.gif" />
+</Frame>
+
+### Multi Select option Type
+<Frame caption="The user selecting a command">
+  <img src="/images/chat-settings2.gif" />
+</Frame>
diff --git a/images/chat-settings1.gif b/images/chat-settings1.gif
new file mode 100644
index 0000000..49a3a7c
Binary files /dev/null and b/images/chat-settings1.gif differ
diff --git a/images/chat-settings2.gif b/images/chat-settings2.gif
new file mode 100644
index 0000000..9a12133
Binary files /dev/null and b/images/chat-settings2.gif differ