Skip to content

Embed 'Introducing Streamlit Chat Elements' video in API and tutorial #770

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
merged 1 commit into from
Jul 27, 2023
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
4 changes: 4 additions & 0 deletions content/kb/tutorials/chat.md
Original file line number Diff line number Diff line change
Expand Up @@ -35,6 +35,10 @@ Streamlit offers several commands to help you build conversational apps. These c

[`st.chat_message`](/library/api-reference/chat/st.chat_message) lets you insert a chat message container into the app so you can display messages from the user or the app. Chat containers can contain other Streamlit elements, including charts, tables, text, and more. [`st.chat_input`](/library/api-reference/chat/st.chat_input) lets you display a chat input widget so the user can type in a message.

For an overview of the API, check out this video tutorial by Chanin Nantasenamat ([@dataprofessor](https://www.youtube.com/dataprofessor)), a Senior Developer Advocate at Streamlit.

<YouTube videoId="4sPnOqeUDmk" />

### st.chat_message

`st.chat_message` lets you insert a multi-element chat message container into your app. The returned container can contain any Streamlit element, including charts, tables, text, and more. To add elements to the returned container, you can use `with` notation.
Expand Down
4 changes: 4 additions & 0 deletions content/library/api/chat/chat-input.md
Original file line number Diff line number Diff line change
Expand Up @@ -11,3 +11,7 @@ Read the [Build conversational apps](/knowledge-base/tutorials/build-conversatio
</Tip>

<Autofunction function="streamlit.chat_input" />

For an overview of the `st.chat_input` and `st.chat_message` API, check out this video tutorial by Chanin Nantasenamat ([@dataprofessor](https://www.youtube.com/dataprofessor)), a Senior Developer Advocate at Streamlit.

<YouTube videoId="4sPnOqeUDmk" />
4 changes: 4 additions & 0 deletions content/library/api/chat/chat-message.md
Original file line number Diff line number Diff line change
Expand Up @@ -11,3 +11,7 @@ Read the [Build conversational apps](/knowledge-base/tutorials/build-conversatio
</Tip>

<Autofunction function="streamlit.chat_message" />

For an overview of the `st.chat_message` and `st.chat_input` API, check out this video tutorial by Chanin Nantasenamat ([@dataprofessor](https://www.youtube.com/dataprofessor)), a Senior Developer Advocate at Streamlit.

<YouTube videoId="4sPnOqeUDmk" />