LoopOS UI v1.1.26.2

Previews

No matching results.

x
1
2
3
4
<div class="flex flex-row justify-between w-full">
  <div data-react-class="ItemChat" data-react-props="{"itemToken":"fFuC2WUBWbwZuTqS3Lr75GpD","userId":12,"appId":"tEhHvwVd","apiKey":"sk_test_kPi1XX8RdOKM1c52V2XuUjjeC2cgM23w","type":"public","userName":"LoopOS || Core","locale":"en"}" data-react-cache-id="ItemChat-0" style="width: 100%; min-width: 453px"></div>
  <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>
</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
<div class="flex flex-row justify-between w-full">
<%= render LooposUi::Chat.new(
    item_token: "fFuC2WUBWbwZuTqS3Lr75GpD", 
    user_id: 12, 
    app_id: "tEhHvwVd", 
    api_key: "sk_test_kPi1XX8RdOKM1c52V2XuUjjeC2cgM23w", 
    type: "public", 
    user_name: "LoopOS || Core", 
    locale: 'en',
    style:"width: 100%; min-width: 453px"
) %>
<%= 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"
) %>
</div>

No notes provided.

No params configured.

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.