useRequestDisplayMode

import { useRequestDisplayMode } from 'sunpeak';

function useRequestDisplayMode(): {
  requestDisplayMode: (mode: AppDisplayMode) => Promise<void>;
  availableModes: AppDisplayMode[] | undefined;
}

import { useRequestDisplayMode } from 'sunpeak';

function MyResource() {
  const { requestDisplayMode, availableModes } = useRequestDisplayMode();

  return (
    <div>
      {availableModes?.includes('fullscreen') && (
        <button onClick={() => requestDisplayMode('fullscreen')}>
          Go Fullscreen
        </button>
      )}
    </div>
  );
}