New Component: Streamlit-chat, a new way to create chatbots

Custom Components
21

Hi, Thanks for the chat interface library.

Currently I am facing issue on how to include media into the bot response as the behaviour of respond I dont quite understand. What I want is to include the image below the bot response, instead it goes outside the chat container

image
image960×723 61 KB

22

Hi @luqmannur.ai
How did you change the user icon?

23 
message(message, 
            is_user=False, 
            avatar_style="adventurer", # change this for different user icon
            seed=123, # or the seed for different user icons
)

supported styles - https://avatars.dicebear.com/styles

3 Likes
24

sorry it does not support media :frowning:

25

How do I change the avatars, if I only have

“from streamlit_chat import message”

in my streamlit_app.py?

26

You just have to provide values for the avatar_style and seed parameters (of message() to change the avatar


27

Where are ‘avatar_style’ and ‘seed’?

28

Found avatar_style in message

29

Now, how do I change the bot avatar?

31

Is it ImportError?

33

Thanks Yashppawar, it’s resolved now.

34

Any update on when hitting ‘enter’, then it clears the input box?
And any update on better workaround for having the chatbox at the bottom of the page. Someone previously mentioned they’re working on it.

Thank you so much for this amazing component. I love it!!!

2 Likes
35

Hi, still no support for ‘\n’ and html ?
can you help me to solve this problem
 :face_exhaling:

1 Like
36

Great component, I made my chatbot with Streamlit-Chat, openAI, GPT-3. Link https://lamisghoualmi-lamis-chatbot-chatbotmain-rrztp4.streamlit.app/

1 Like
37

sorry for very late reply, but I believe you are looking for ‘<br>’ in tag HTML (break, which adds a new line)

Thank you very much @LamisGhoualmi00 !!

38

@yashppawar, could you provide an example for the syntax to get a line break inside of a message? i’ve tried \n, <br> (including wrapping a tags around it) but nothing seems to work. The
tags just display in-line and \n seem to just be ignored. Is there some escape char needed?

39

@yashppawar I meet the same question about new line in message :rofl:

40

sorry @Max and @jincandeng, I checked it and it does not support a new line, react disables all the HTML tags inside the text
 :frowning:

41

Hi @yashppawar , anyway I can let user edit the response generated by the chat? Looking for some testing, but it doesn’t support editing and user feedback. Any suggestion? I tried the edit button etc but not working.

42

Hi @yashppawar is there a way I can edit the chat avatars and the placement of text box?