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" />;This is beta documentation for Stream Chat React Native SDK v9. For the latest stable version, see the latest version (v8)
.
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
size (required)
The size of the play indicator.
| Type | Values |
|---|---|
| string | 'sm' | 'md' | 'lg' |
Size mapping:
| Size | Container Dimensions | Icon Size |
|---|---|---|
sm | 20 × 20 | 10 |
md | 40 × 40 | 16 |
lg | 48 × 48 | 20 |
The background color is sourced from the controlPlayControlBg semantic token in the theme.