ChatBubbleOut
Display chat-bubble-out element
- Import
import "@tapsioss/web-components/chat-bubble/out";
- Tag
<tapsi-chat-bubble-out></tapsi-chat-bubble-out>
Properties
| Name | Description | Type | Default Value |
|---|---|---|---|
timestamp | The timestamp of chat element. | string | "" |
avatar-src | The source of the avatar image. | string | "" |
fully-rounded | Whether or not the bubble should be fully rounded. | boolean | false |
Slots
| Name | Description |
|---|---|
| - | The default slot for the content. |
TIP
You can use slot names as variables:
ts
import { Slots } from "@tapsioss/web-components/chat-bubble/out";
console.log(Slots.DEFAULT); // ""