Voice Transcription

Voice bubble with waveform and duration on top and a quoted italic transcript below the divider.

0:09

“Hey, jumping on a call in five. Can you pull up the latest Figma file?”

Requires shadcn/ui initialized. Run npx shadcn@latest init if you haven't.

Import & use

import { Chat27 } from "@/components/beste/piece/chat27";

<Chat27
  transcript="Hey, jumping on a call in five. Can you pull up the latest Figma file?"
  duration="0:09"
  bars={[
    45,
    70,
    55,
    80,
    35,
    65,
    90,
    48,
    72,
    58
  ]}
  role="received"
/>