# Recording in progress notification

The `RecordingInProgressNotification` component is based on `Notification` component that is a simple popover. The SDK attaches the component to [`RecordCallButton`](https://getstream.io/video/docs/react/v2/ui-components/call/call-controls/). The popover rendering is controlled by detecting if there is a recording in progress, `useToggleCallRecording()`.

![Default UI of RecordingInProgressNotification component](https://getstream.io/docs-assets/images/d86ea336f188.png)

## General usage

The component is used by wrapping the component to which it will refer:

```tsx
<RecordingInProgressNotification>
  <RecordCallButton />
</RecordingInProgressNotification>
```

## Props

| Name   | Type                    | Default                      |
| ------ | ----------------------- | ---------------------------- |
| `text` | `string` \| `undefined` | `'Recording in progress...'` |

Text message displayed by the notification.

## Customization

To learn more about the recording functionality, see our [call-controls](https://getstream.io/video/docs/react/v2/ui-components/call/call-controls/).

---

For the most recent version of this documentation, visit [https://getstream.io/video/docs/react/v2/ui-components/utility/recording-in-progress-notification/](https://getstream.io/video/docs/react/v2/ui-components/utility/recording-in-progress-notification/).