@finsweet/ts-utils/dist/webflow/getCurrentBreakpoint.js

Typescript utils for custom Webflow projects.

import { WEBFLOW_BREAKPOINTS } from './breakpoints';
/**
 * Checks the current breakpoint based on the window media.
 *
 * @returns A {@link WebflowBreakpoint} string.
 */
export const getCurrentBreakpoint = () => {
    for (const [breakpoint, mediaQuery] of WEBFLOW_BREAKPOINTS) {
        if (window.matchMedia(mediaQuery).matches) {
            return breakpoint;
        }
    }
    return 'main';
};