search

OvidijusParsiunas / deep-chat

Fully customizable AI chatbot component for your website
https://deepchat.dev
MIT License
1.27k stars 175 forks source link

Customize the chat component #81

Closed AhmeedBen closed 6 months ago

AhmeedBen commented 6 months ago

How to customize the overall look of the chat component, add a header for example?

OvidijusParsiunas commented 6 months ago

Hi @AhmeedBen. To style the component content itself you can use the styles and messageStyles properties. You can also view various design examples.

If you want content around the chat, like a header etc, you will have to create it yourself as those type of components are very use-case specific. We may consider creating those in the future. Thanks!

AhmeedBen commented 6 months ago

Thanks for the great work, I Already see all the design examples and how to change container styles, bubble etc... What is the mean component that has to be changed, if i want to add a custom header for eg.

OvidijusParsiunas commented 6 months ago

Perhaps I may have misunderstood your intent. Could you elaborate on what you mean by a header. Thanks!

AhmeedBen commented 6 months ago

I want to add custom visual elements to the chat.

header
OvidijusParsiunas commented 6 months ago

I see. Deep Chat currently does not have native support for external elements around it such as a header. Hence you will have to create your own wrapper element around it and customise it to your preference.

OvidijusParsiunas commented 6 months ago

I will be closing this issue since external components around the chat are currently not being pursued. If you have any further questions in regards to this feel free to comment below. For anything else you are more than welcome to create a new issue. Thanks!