ChatBubbleIn
Display chat-bubble-in element
- Import
import "@tapsioss/web-components/chat-bubble/in";
- Tag
<tapsi-chat-bubble-in></tapsi-chat-bubble-in>
Properties
| Name | Description | Type | Default Value |
|---|---|---|---|
timestamp | The timestamp of chat element. | string | "" |
status | The status of the chat element. | "sent" | "seen" | "pending" | "failed" | "sent" |
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/in";
console.log(Slots.DEFAULT); // ""