JSX/TSX React

Use With Document

Deprecated (v6.1.0): ReactUI.WmsControls replaces ReactUI.PlaybackButtons.
ReactUI.PlaybackButtons is deprecated and will be removed in a future major release.
Existing code can be migrated by renaming ReactUI.PlaybackButtons to ReactUI.WmsControls.

<ReactUI.WmsControls doc={doc} />

Use With Player (Since v6.3.0)

<ReactUI.WmsControls player={player} />

Possible Button Layouts

Single play button:

<ReactUI.WmsControls doc={doc} singlePlay />

Single play/stop toggle button:

<ReactUI.WmsControls doc={doc} singlePlayStop playLabel="Play" stopLabel="Stop" />

Play and stop buttons:

<ReactUI.WmsControls doc={doc} playStop playLabel="▶" stopLabel="⏹" />

Play, pause and stop buttons:

<ReactUI.WmsControls doc={doc} playPauseStop />

💡

Labels are optional, use default if omitted.

Live Example