Lumi.Components.Responsive

data MediaQuery :: Type

data UseMediaQuery :: Type -> Type

useMedia :: String -> Hook UseMediaQuery Boolean

useMedia_ :: EffectFn1 String Boolean

useIsPhone :: Hook UseMediaQuery Boolean

useIsMobile :: Hook UseMediaQuery Boolean

useIsDesktop :: Hook UseMediaQuery Boolean

minWidthNonPhone :: Int

Prefer useIsPhone or phone to using this value directly. Named in the negative because -- | this width is the first size that is not a phone and trying to use this width as a "max-width" leaves out fractional pixels (447.5px) which sometimes occur on high-dpi displays.

minWidthDesktop :: Int

mobile :: (Unit -> JSX) -> JSX

withMobile :: (Boolean -> JSX) -> JSX

phone :: (Unit -> JSX) -> JSX

withPhone :: (Boolean -> JSX) -> JSX

desktop :: (Unit -> JSX) -> JSX

withDesktop :: (Boolean -> JSX) -> JSX

mkMediaComponent :: String -> Hook UseMediaQuery Boolean -> Effect (ReactComponent { render :: Boolean -> JSX })