FullscreenButton

A button component for entering and exiting fullscreen mode

Anatomy

<FullscreenButton />

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: FullscreenButtonState) => string)`

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

Property	Type
`availability`	`'available' \| 'unavailable' \| 'unsupported'`
Description Whether fullscreen can be requested on this platform. Type `'available' \| 'unavailable' \| 'unsupported'`
`fullscreen`	`boolean`
Description Whether fullscreen mode is currently active. Type `boolean`

Attribute	Description
`data-fullscreen`	Present when fullscreen mode is active.
`data-availability`	Indicates fullscreen availability (`available` or `unsupported`).