How to use the @wordpress/components.navigateRegions function in @wordpress/components

To help you get started, we’ve selected a few @wordpress/components examples, based on popular ways it is used in public projects.

Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.

github DefinitelyTyped / DefinitelyTyped / types / wordpress__components / wordpress__components-tests.tsx View on Github external
(() => {
    const EnhancedComponent = C.navigateRegions(({ foo, bar }: { foo: string; bar: number }) => (
        <div>
            {foo} and {bar}{' '}
        </div>
    ));
    ;
})();
github WordPress / gutenberg / packages / edit-widgets / src / components / customizer-edit-widgets-initializer / index.js View on Github external
role="region"
				aria-label={ __( 'Widgets screen content' ) }
				tabIndex="-1"
			&gt;
				
			
			
		
	);
}

export default navigateRegions( CustomizerEditWidgetsInitializer );
github WordPress / gutenberg / packages / edit-site / src / components / editor / index.js View on Github external
kind="postType"
					type="wp_template"
					id={ settings.templateId }
				&gt;
					
					<header>
					
					
					
				
			
		
	) : null;
}

export default navigateRegions( Editor );
</header>
github WordPress / gutenberg / packages / edit-post / src / components / editor-regions / index.js View on Github external
{ !! footer &amp;&amp; (
				<div tabindex="-1" aria-label="{" role="region">
					{ footer }
				</div>
			) }
		
	);
}

export default navigateRegions( EditorRegions );
github WordPress / gutenberg / packages / edit-widgets / src / components / layout / index.js View on Github external
onFocus={ () =&gt; {
					setSelectedArea( null );
				} }
			&gt;
				
			
			
		
	);
}

export default navigateRegions( Layout );