시작하기. 무료입니다
또는 회원 가입 e메일 주소
Widget 저자: Mind Map: Widget

1. UI/UX

2. 1.Methods

2.1. initPayload

2.2. openLauncherImage

2.3. closeImage

2.4. fullScreenMode

2.5. displayUnreadCount

2.6. customMessageDelay

2.7. tooltipPayload

2.8. tooltipDelay

2.9. profileAvatar

2.10. ConsultantOnlineStatus

2.11. toggleChat

2.12. openChat

2.13. closeChat

2.14. showChat

2.15. hideChat

2.16. isOpen

2.17. isVisible

2.18. launcerColor

2.19. autofocus

2.20. autoScrollBottom

3. CSS CLASS NAME

3.1. .widget-container The div containing the chatbox of the default version

3.2. .full-screen div of the fullscreen chatbox (using fullScreenMode prop)

3.3. .conversation-container The parent div containing the header, message-container and sender

3.4. .messages-container the central area where the messages appear

3.5. .sender Client message

3.6. .header div of the top area with the chatbox header

3.7. .close-button the close icon of the header

3.8. .message the boxes holding the messages of client and consultant

4. Components

4.1. Conversation

4.1.1. Components

4.1.1.1. Messages

4.1.1.1.1. Client

4.1.1.1.2. Consultant

4.1.1.2. SenderForm

4.1.1.2.1. sendMessage: Function

4.1.1.2.2. disabledTextarea: bool

4.1.1.2.3. TextareatFieldText: string

4.1.1.3. Header

4.1.1.3.1. showCloseButton:bool

4.1.1.3.2. toggleChat: Function

4.1.1.4. Form

4.1.1.4.1. ImputPhone

4.1.1.4.2. not needed

4.1.1.4.3. ImputCity

4.1.1.4.4. Submit button

4.2. Launcher

4.2.1. Components

4.2.1.1. Badge

4.2.1.1.1. number

4.2.2. badge

4.2.3. fullScreenMode

4.2.4. openLauncherImage

4.2.5. closeImage

4.2.6. unreadCount

4.2.7. displayUnreadCount

4.2.8. tooltipMessage

4.2.9. toggle

4.2.10. isChatOpen