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.

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.

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.

Typing Indicator

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

Replying to Ayşe

What time are we demoing tomorrow?

10 AM Istanbul, same Zoom link as last week.

Reply Thread

Quoted message block inside a bubble, with the replying author and the reply text beneath.