Conversations

Used to manage and view the conversation list
Import

When To Use#

  • Multiple sessions need to be managed
  • View a list of historical sessions

Examples#

  • Conversation Item 1
  • Conversation Item 2
  • This's Conversation Item 3, you can click me!
  • Conversation Item 4

Basic usage.

      Loading...
    
  • Conversation Item 1
  • Conversation Item 2
  • Conversation Item 3
  • Conversation Item 4

Use the nxMenu property to configure conversation.

      Loading...
    
  • Conversation Item 1
  • Conversation Item 2
  • Conversation Item 3
  • Conversation Item 4

Customize the menu trigger.

      Loading...
    
  • Conversation Item 1
  • Conversation Item 2
  • Conversation Item 3

Use the nxActiveKey and nxActiveChange property to configure conversation.

      Loading...
    

API#

nx-conversations#

PropertyDescriptionTypeDefault
[nxActiveKey]Currently selected valuestring-
[nxDefaultActiveKey]Default selected valuestring-
[nxItems]Data source for conversation listNxConversation[]-
[nxMenu]Operation menu for conversationsNzMenu[]-
(nxActiveChange)Callback for selection changeEventEmitter<string>-

Interfaces#

interface NxConversation {
  key: string;
  label: string | TemplateRef<void>;
  icon?: string | TemplateRef<void>;
  disabled?: boolean;
}

interface NxMenu {
  key?: string;
  label: string | TemplateRef<void>;
  icon?: string | TemplateRef<void>;
  disabled?: boolean;
  danger?: boolean;
}