Skip to content

Instantly share code, notes, and snippets.

@thewisenerd

thewisenerd/useMinWidth.ts

Last active October 2, 2025 06:57
Show Gist options
  • Save thewisenerd/fe86396414b84f9de92524536f3c5e86 to your computer and use it in GitHub Desktop.
Save thewisenerd/fe86396414b84f9de92524536f3c5e86 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
useMinWidth.ts
import { type MantineBreakpoint, useMantineTheme } from '@mantine/core'
export const useMinWidth = (breakpoint: MantineBreakpoint) => {
const theme = useMantineTheme()
const media = window.matchMedia(
`(min-width: ${theme.breakpoints[breakpoint]})`
)
return media.matches
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment