Location Share

About this piece

Chat bubble with a faux-map preview, a pulsing pin, and the place name, address, and distance beneath.

Usage

The import and the props worth knowing about, in one place.

import { Chat29 } from "@/components/beste/piece/chat29";

<Chat29
  place="Packer's Coffee"
  address="Kuloğlu, Turnacıbaşı Cd. 29, 34433 Beyoğlu/İstanbul"
  distance="0.4 km away"
  imageSrc="https://images.unsplash.com/photo-1554118811-1e0d58224f24?auto=format&fit=crop&w=640&q=80"
  alt="Packer's Coffee · interior"
  role="received"
/>

More Chat pieces

View all Chat

Let's shift the sync to 3pm instead.

edited · 09:48

Edited Message

Standard chat bubble with a subtle italic edited caption beneath.

Shipped the v2 onboarding this morning 🚀

421

Reaction Bubble

Message bubble with a small floating reaction chip tucked into the bottom corner.

Typing Indicator

Chat bubble with three staggered dots. Signals that the other side is typing.

Hey, did you get a chance to look at the new onboarding flow?

09:42

Message Bubble

Chat bubble with an avatar and timestamp. Role flips alignment and color.

Q2 Planning Kickoff

Mon, Apr 28

10:00 – 11:30

6 going

Meeting Invite

Event invite bubble with title, date, time, attendee count, and Join / Maybe actions.

kickoff-brief.pdf

2.4 MB8 pages

File Attachment

Chat bubble with a file icon tile, filename, size and page count, and a download button.