LoopOS UI v1.1.26.2

Previews

No matching results.

x
1
<div data-react-class="ItemChat" data-react-props="{"itemToken":"fFuC2WUBWbwZuTqS3Lr75GpD","userId":12,"appId":"tEhHvwVd","apiKey":"sk_test_kPi1XX8RdOKM1c52V2XuUjjeC2cgM23w","type":"private","userName":"LoopOS || Core","locale":"en"}" data-react-cache-id="ItemChat-0" style="width: 100%; min-width: 453px"></div>

Chat

The Chat component enables real-time messaging between internal and/or external LoopOS Apps users.

-

Usage rules

  • ✅ Do
    • Use where real-time or fast communication is necessary.
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
<%
options = params.slice(
    :type,      
    :locale, 
    :style,
    :item_token, 
    :user_id, 
    :app_id, 
    :api_key
).to_h.symbolize_keys
%>
<%= render LooposUi::Chat.new(
    item_token: "fFuC2WUBWbwZuTqS3Lr75GpD", 
    user_id: 12, 
    app_id: "tEhHvwVd", 
    api_key: "sk_test_kPi1XX8RdOKM1c52V2XuUjjeC2cgM23w", 
    type: "private", 
    user_name: "LoopOS || Core", 
    locale: 'en',
    style: "width: 100%; min-width: 453px",
    **options
) %>

No notes provided.

Param Description Input

—

—

—

—

—

—

—

Description

The Chat component enables real-time messaging between internal and/or external LoopOS Apps users.

Arguments

Property Default Description
item_token - Item token
user_id - Number that identifies the user
app_id - Chat app id
api_key - Key for accessing the chat api
type - Chat type (private or public)
user_name -` User name
locale - Language type
style '' Styles to add

Slots

None.