Skip to main content

Device Breakpoints

Any Tailwind class can be prefixed with a breakpoint name, which will make the class target that breakpoint and above. The Tailwind Breakpoint docs explain this in detail.

Squeeze uses the default breakpoint sizes provided by Tailwind.

In the event your Javascript code needs to access the breakpoint values, they are defined in a shared BreakpointSizes object. To determine the current breakpoint, you can use the getBreakpoint helper method or the useBreakpoints React hook.