use-fullscreen-hook
Version:
A React hook to manage fullscreen state
15 lines (14 loc) • 468 B
TypeScript
import { RefObject } from 'react';
type FullscreenElement = HTMLElement & {
webkitRequestFullscreen?: () => Promise<void>;
mozRequestFullScreen?: () => Promise<void>;
msRequestFullscreen?: () => Promise<void>;
};
interface FullscreenApi {
isFullscreen: boolean;
enter: () => void;
exit: () => void;
toggle: () => void;
}
declare function useFullscreen(elementRef: RefObject<FullscreenElement>): FullscreenApi;
export default useFullscreen;