ChatBubbleOut
Display chat-bubble-out element
Importing
ts
import "@tapsioss/web-components/chat-bubble/out";ts
import { ChatBubbleOut } from "@tapsioss/react-components/ChatBubbleOut";Component Usage
html
<tapsi-chat-bubble-out></tapsi-chat-bubble-out>tsx
<ChatBubbleOut />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); // ""ts
import { ChatBubbleOutSlots } from "@tapsioss/react-components";
console.log(ChatBubbleOutSlots.DEFAULT); // ""