Chat UI api
NbChatComponent
Inputs
| Name | Type | Description |
| size | NbComponentSize | Chat size, available sizes:
|
| status | NbComponentOrCustomStatus | Chat status color (adds specific styles):
|
| scrollBottom | boolean | Scroll chat to the bottom of the list when a new message arrives |
NbChatMessageComponent
Inputs
| Name | Type | Description |
| customMessageData | any | Data which will be set as custom message template context |
| date | Date | Message send date |
| dateFormat | string | Message send date format, default 'shortTime' |
| files | NbChatMessageFile[] | Array of files |
| latitude | number | Map latitude |
| longitude | number | Map longitude |
| message | string | Message sender |
| quote | string | Quoted message text |
| sender | string | Message sender |
| type | string | Message type, available options |
| avatar | string | Message send avatar |
| reply | boolean | Determines if a message is a reply |
NbChatFormComponent
Inputs
| Name | Type | Description |
| buttonIcon | string | Send button icon, shown if |
| buttonTitle | string | Send button title |
| dropFilePlaceholder | string | File drop placeholder text |
| dropFiles | boolean | Show send button |
| message | string | Predefined message text |
| messagePlaceholder | string | Message placeholder text |
| showButton | boolean | Show send button |
Outputs
| Name | Type | Description |
| onInputChange | EventEmitter<string> | Emits when message input value has been changed |
| send | EventEmitter<undefined> |
NbChatCustomMessageDirective
Inputs
| Name | Type | Description |
| nbCustomMessage | string | Defines a message type which should rendered with the custom message template. |
| nbCustomMessageNoStyles | boolean | Disables generic message styles, such as round corners, text color, background, etc., so a custom message could be styled from the ground up. |
Need some help or found an issue?
Ask on Stack Overflow with tag `nebular` or post an issue on GitHub.