# Component **Component** is the basic unit of a [message](https://app.gitbook.com/@docs-en-yoctol-ai/s/yoctol/~/edit/drafts/-LnQJsTXatUDJ-slOjKr/v/master/term-translations/message) on YOCTOL.AI YOCTOL.AI supports Facebook Messenger and LINE’s conversation components. A message can contain several components. Every platform has its own regulations on the number of components in a single message. LINE limits bots up to 5 components per message, whereas Messenger does not have a limit on the number of components. ### Messenger Conversation Component | Component Name**s** | Description | | -------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ | | Text | Plain text or plain text with buttons. Maximum of 3 buttons, and the buttons can do tasks like dialing a number, opening a webview or triggering other messages. | |

Images

|

You can only have one image in one image component. Buttons are not available for images.

Caution: Since there are limits as to image sizes, images may be automatically cropped.

| | Carousels |

Carousels, (Generic Template, also known as regular templates)

Maximum of 10 blocks of carousel per message. Each carousel block can have a maximum of 3 buttons.

| | Quick replies |

After clicking a quick reply, the content of the quick reply will be pasted on the user’s input box.
Each Messenger message has a maximum of 11 quick replies. After clicking on a quick reply button, the button disappears in the conversation.

Quick replies are only allowed to appear after other components; in other words, they cannot appear at start of conversations. Quick replies cannot open WebViews.

| | Continuing Item | In each message content, you can use existing messages as a continuous response that follows other components in the message. A continuing item leads the conversation to another already made message, so that when the same content is needed in different messages, you don’t have to do it again. | | Random Component | Random Components are a set of components. The system will randomly pick one as response. | | JSON API | JSON API allows your chatbot to communicate with your backend server in order to achieve flexible responses and additional functions. | ### LINE Conversation Components | Component Names | Description | | ------------------ | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | |

Text

| Plain text or plain text with buttons. Max of 3 buttons and the buttons can do tasks like dialing a number, opening a webview or triggering other messages. | | Image |

You can only have 1 image in one image component. Buttons are not available for images.

Caution: Since there are limits as to image sizes, images may be automatically cropped.

| | Carousels | Maximum of 10 blocks of carousel per message. Each carousel block can have a maximum of 3 buttons. | | Imagemap |

An Imagemap is made of multiple images combined as one. You can configure the style of your imagemap. You can also add an action for each section of the imagemap, such as opening a WebView or sending a message.

Notice: imagemaps are not the same as rich menus

A rich menu is a persistent menu below conversations that consists of options to pick from. To setup rich menus, please navigate to “Menu” under “Dialogue”

| | Quick replies |

After clicking a quick reply, the content of the quick reply will be pasted on the user’s input box.
A LINE message can have a maximum of 13 quick replies. After clicking on a quick reply button, the button disappears in the conversation.

Quick replies are only allowed to appear after other components; in other words, they cannot be the start of conversations. Quick replies cannot open WebViews.

| | Continuing Item |

In each message content, you can use existing messages as a continuous response that follows other components in the message.

A continuing item leads the conversation to another already made message, so that when the same content is needed in different messages, you don’t have to do it again.

| | Random Component | Random Components are a set of components. The system will randomly pick one as response. | | JSON API | JSON API allows your chatbot to communicate with your backend server in order to achieve flexible responses and additional functions. | --- # Agent Instructions: Querying This Documentation If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question. Perform an HTTP GET request on the current page URL with the `ask` query parameter: ``` GET https://docs-en.yoctol.ai/term-translations/component.md?ask= ``` The question should be specific, self-contained, and written in natural language. The response will contain a direct answer to the question and relevant excerpts and sources from the documentation. Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.