Breakpoints

It is a functional wrapper over your application giving access to the context.

import { defaultBreakpoints as Breakpoints } from '@semcore/ui/base-components';

<Breakpoints />;

Breakpoints.Context

Is the React context.

import { defaultBreakpoints as Breakpoints } from '@semcore/ui/base-components';

useContext(Breakpoints.Context);

Breakpoints.mediaList

It is an instance of the class for media queries.

import { defaultBreakpoints as Breakpoints } from '@semcore/ui/base-components';

Breakpoints.mediaList.matches();
Breakpoints.mediaList.addListener();