search

tjtanjin / react-chatbotify

A modern React library for creating a flexible and extensible chatbot.
https://react-chatbotify.com
MIT License
148 stars 68 forks source link

[Feat] Be able to change the "typing-indicator" dots style #91

Closed pferioli closed 2 weeks ago

pferioli commented 1 month ago

I'm using a gray background so the dots are not visible.

image

Adding a style properties for the dots to change the color

declare a style for the folliwing style in src/components/ChatBotBody/ChatBotBody.tsx

.rcb-dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: #ccc;
    margin-right: 4px;
    animation: rcb-typing 1s infinite;
}
tjtanjin commented 1 month ago

Hey @pferioli, I can explore adding a style prop for this. In the meantime you can directly target the css class you pointed out in the screenshot with your desired changes.

tjtanjin commented 2 weeks ago

Hey @pferioli, this has been added in v2.0.0-beta.7