Skip to content

importOnMediaQuery

Use this function to import components according to a specified media query.

Usage

js
import { 
importOnMediaQuery
} from '@studiometa/js-toolkit';
// Import Component.js if the device is in portrait.
importOnMediaQuery
(() => import('./components/Component.js'), '(orientation: portrait)');

Parameters

  • importFn (() => Promise<Base>): the function to import components
  • media (string): a media query

Returns

  • Promise<Base>: a promise resolving to the the component's class

Example

js
import { 
Base
,
importOnMediaQuery
} from '@studiometa/js-toolkit';
class
App
extends
Base
{
static
config
= {
name
: 'App',
components
: {
Component
: () =>
importOnMediaQuery
(() => import('./components/Component.js'), '(orientation: portrait)'),
}, }; }

MIT Licensed