​
Options

​
name
str
default:
"My Chatbot"

The name of both the application and the chatbot.

​
description
str

The content of the <meta name="description"> of the application.

​
show_readme_as_default
bool
default:
true

Show the readme while the conversation is empty.

​
hide_cot
bool
default:
false

You can hide the Chain of Thought UI.

​
default_collapse_content
bool
default:
true

When handling large text content we collapse it for keeping the threads concise. You can disable manually disable this behavior.

​
default_expand_message
bool
default:
false

Sub-messages are hiden by default, you can “expand” the parent message to show those messages. Toggling this setting will display the sub-messages by default.

​
github
str

Passing this option will display a Github-shaped link. If not passed we will display the link to Chainlit repo.

​
Default configuration

[UI]
# Name of the app and chatbot.
name = "Chatbot"

# Description of the app and chatbot. This is used for HTML tags.
# description = ""

# Show the readme while the conversation is empty.
show_readme_as_default = true

# Large size content are by default collapsed for a cleaner ui
default_collapse_content = true

# The default value for the expand messages settings.
default_expand_messages = false

# Hide the chain of thought details from the user in the UI.
hide_cot = false

# Link to your github repo. This will add a github button in the UI's header.
# github = ""

# Specify a CSS file that can be used to customize the user interface.
# The CSS file can be served from the public directory or via an external link.
# custom_css = "/public/test.css"


# Override default MUI light theme. (Check theme.ts)
[UI.theme.light]
    #background = "#FAFAFA"
    #paper = "#FFFFFF"

    [UI.theme.light.primary]
        #main = "#F80061"
        #dark = "#980039"
        #light = "#FFE7EB"

# Override default MUI dark theme. (Check theme.ts)
[UI.theme.dark]
    #background = "#FAFAFA"
    #paper = "#FFFFFF"

    [UI.theme.dark.primary]
        #main = "#F80061"
        #dark = "#980039"
        #light = "#FFE7EB"

Was this page helpful?

Suggest editsRaise issue
FeaturesEnvironment Variables