---
url: https://talkjs.com/docs/UI_Components/Theme/Theme_components/RecordingPreview
title: '<RecordingPreview>'

minidoc-source: js
minidoc-lib: components
---

The `<RecordingPreview>` component is rendered after voice recording stops, allowing the user to preview
and optionally send or discard the recorded audio.

Use the [AudioPlayer](/UI_Components/Theme/System_components/AudioPlayer) system component to play back the
recorded audio with waveform visualization. Use VoiceRecordingController to send or discard the audio recording.

## RecordingPreviewProps
/** */
export declare interface RecordingPreviewProps  {
/** A collection of objects which are passed to all Chatbox theme components. */
common: CommonChatboxProps;
/** Controls and holds state related to voice recording. */
voiceRecorder: VoiceRecorderController;
}

## Example

In the default theme, the `<RecordingPreview>` component is implemented as follows:

<GithubThemeComponent name="RecordingPreview" />