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