React
iOS
Android
Flutter
Angular
JavaScript
Unity
Unreal
Node
Python
Ruby
PHP
Java
.NET
Go
RESTimport { VideoPlayIndicator } from "stream-chat-react-native";
<VideoPlayIndicator size="md" />;VideoPlayIndicator
VideoPlayIndicator renders a circular play button overlay used on video thumbnails and previews. It displays a play icon centered within a semi-transparent circular container.
Usage
Props
| Prop | Description | Type |
|---|---|---|
size (required) | The size of the play indicator. Size mapping: 'sm' (20x20, icon 10), 'md' (40x40, icon 16), 'lg' (48x48, icon 20). The background color is sourced from the controlPlayControlBg semantic token in the theme. | 'sm' | 'md' | 'lg' |