PlayButton

A button component for playing and pausing media playback

Anatomy

<PlayButton />

Prop	Type	Default
`disabled`	`boolean`	`false`
Description Whether the button is disabled. Type `boolean`
`label`	`string \| function`	`''`
Description Custom label for the button. Type `string \| ((state: PlayButtonState) => string)`

State is accessible via the render, className, and style props.

Property	Type
`paused`	`boolean`
Description Whether playback is paused. Type `boolean`
`ended`	`boolean`
Description Whether playback has reached the end. Type `boolean`
`started`	`boolean`
Description Whether playback has started (played or seeked). Type `boolean`

Attribute	Description
`data-paused`	Present when the media is paused.
`data-ended`	Present when the media has ended.
`data-started`	Present when playback has started.