BlogPlaygroundOne

useDisplay API

ads via vuetify

Exposed
Readonly<Ref<{ [x: string]: boolean }, { [x: string]: boolean }>>
Ref<number, number>
Ref<boolean, boolean>
Ref<boolean, boolean>
Ref<boolean, boolean>
Ref<boolean, boolean>
Ref<boolean, boolean>
Ref<boolean, boolean>
ComputedRef<boolean>
Ref<number | DisplayBreakpoint, number | DisplayBreakpoint>
Ref<DisplayBreakpoint, DisplayBreakpoint>
Ref<DisplayPlatform, DisplayPlatform>
Ref<boolean, boolean>
Ref<boolean, boolean>
Ref<boolean, boolean>
boolean
Ref<DisplayThresholds, DisplayThresholds>
() => void
Ref<number, number>
Ref<boolean, boolean>
Ref<boolean, boolean>
Ref<boolean, boolean>
Ref<boolean, boolean>
Ref<boolean, boolean>
displayClasses

Returns an object containing the breakpoints and their corresponding classes.

height

The inner height of the browser window.

lg

Returns true if the current browser breakpoint is lg.

lgAndDown

Returns true if the current browser breakpoint is lg or lower.

lgAndUp

Returns true if the current browser breakpoint is lg or higher.

md

Returns true if the current browser breakpoint is md.

mdAndDown

Returns true if the current browser breakpoint is md or lower.

mdAndUp

Returns true if the current browser breakpoint is md or higher.

mobile

Returns true if the current browser breakpoint is considered to be a mobile breakpoint.

mobileBreakpoint

Controls which named breakpoint (lg, md, etc) or browser width (in px) is considered to be mobile.

name

Name of the current breakpoint.

platform

Name of the current platform.

sm

Returns true if the current browser breakpoint is sm.

smAndDown

Returns true if the current browser breakpoint is sm or lower.

smAndUp

Returns true if the current browser breakpoint is sm or higher.

ssr

Returns true if the current page was server rendered.

thresholds

An object describing the width values of each breakpoint.

update

Function that updates the current width and height values.

width

The inner width of the browser window.

xl

Returns true if the current browser breakpoint is xl.

xlAndDown

Returns true if the current browser breakpoint is xl or lower.

xlAndUp

Returns true if the current browser breakpoint is xl or higher.

xs

Returns true if the current browser breakpoint is xs.

xxl

Returns true if the current browser breakpoint is xxl.