Skip to main content

Input and output components in Langflow

This category of components defines where data enters and exits your flow. They dynamically alter the Playground and can be renamed to facilitate building and maintaining your flows.

The difference between Chat Input and Text Input components is the output format, the number of configurable fields, and the way they are displayed in the Playground.

Chat Input​

This component collects user input from the chat.

The Chat Input component creates a Message object that includes the input text, sender information, session ID, file attachments, and styling properties. It can optionally store the message in a chat history and supports customization of the message appearance.

Inputs​

NameDisplay NameInfoType
input_valueTextMessage to be passed as input.MultilineInput
should_store_messageStore MessagesStore the message in the history.BoolInput
senderSender TypeType of sender.DropdownInput
sender_nameSender NameName of the sender.MessageTextInput
session_idSession IDThe session ID of the chat. If empty, the current session ID parameter will be used.MessageTextInput
filesFilesFiles to be sent with the message.FileInput
background_colorBackground ColorThe background color of the icon.MessageTextInput
chat_iconIconThe icon of the message.MessageTextInput
text_colorText ColorThe text color of the nameMessageTextInput

Outputs​

NameDisplay NameInfo
messageMessageThe resulting chat message object with all specified properties.

Text Input​

The Text Input component adds an Input field on the Playground.

The Text Input component offers one input field for text, while the Chat Input has multiple fields for various chat-related features.

Inputs​

NameDisplay NameInfoType
input_valueTextText to be passed as input.MultilineInput

Outputs​

NameDisplay NameInfo
textTextThe resulting text message.

Chat Output​

The Chat Output component creates a Message object that includes the input text, sender information, session ID, and styling properties. It can optionally store the message in a chat history and supports customization of the message appearance, including background color, icon, and text color.

Inputs​

NameDisplay NameInfoType
input_valueTextMessage to be passed as output.MessageInput
should_store_messageStore MessagesStore the message in the history.BoolInput
senderSender TypeType of sender.DropdownInput
sender_nameSender NameName of the sender.MessageTextInput
session_idSession IDThe session ID of the chat. If empty, the current session ID parameter will be used.MessageTextInput
data_templateData TemplateTemplate to convert data to text. If left empty, it will be dynamically set to the data's text key.MessageTextInput
background_colorBackground ColorThe background color of the icon.MessageTextInput
chat_iconIconThe icon of the message.MessageTextInput
text_colorText ColorThe text color of the nameMessageTextInput

Outputs​

NameDisplay NameInfo
messageMessageThe resulting chat message object with all specified properties.

Text Output​

The TextOutputComponent displays text output in the Playground. It takes a single input of text and returns a Message object containing that text. The component is simpler compared to the Chat Output, but focuses solely on displaying text without additional chat-specific features or customizations.

Inputs​

NameDisplay NameInfoType
input_valueTextText to be passed as output.MultilineInput

Outputs​

NameDisplay NameInfo
textTextThe resulting text message.

Hi, how can I help you?