FullscreenWidget
This widget enlarges deck.gl to fill the full screen. Click the widget to enter or exit full screen.
Usage
import {Deck} from '@deck.gl/core';
import {FullscreenWidget} from '@deck.gl/widgets';
new Deck({
widgets: [new FullscreenWidget()]
});
Types
FullscreenWidgetProps
The FullscreenWidget accepts the generic WidgetProps and:
container (HTMLElement, optional)
- Default:
undefined
A compatible DOM element which should be made full screen. By default, the map container element will be made full screen.
enterLabel (string, optional)
- Default:
'Enter Fullscreen'
Tooltip message displayed while hovering a mouse over the widget when out of fullscreen.
exitLabel (string, optional)
- Default:
'Exit Fullscreen'
Tooltip message displayed while hovering a mouse over the widget when fullscreen.
Styles
Learn more about how to replace icons in the styling guide.
| Name | Type | Default |
|---|---|---|
--icon-fullscreen-enter | SVG Data Url | Material Symbol Fullscreen |
--icon-fullscreen-exit | SVG Data Url | Material Symbol Fullscreen Exit |