useMediaQuery

Reactive Media Query. Will query and give you back a reactive boolean if that media query passed or not

Demo

is larger than or equal to 684px: false

prefersLight: false

Usage

const [const isLargerThanPixels: Signal<boolean>isLargerThanPixels] = function useMediaQuery(query: string): Signal<boolean>[]useMediaQuery("(min-width: 684px)")