# ivyforms/0.4/frontend/src/utils/utilResponsive.ts

The Innovative Form Builder – IvyForms, version 0.4. 20 lines.

- Page: https://pluginprobe.com/plugins/ivyforms/0.4/code/frontend/src/utils/utilResponsive.ts
- Raw: https://pluginprobe.com/plugins/ivyforms/0.4/raw/frontend/src/utils/utilResponsive.ts
- Modified: 2025-09-25T14:53:02+00:00

Line numbers below start at 1. Link to a line or a range by appending a fragment to the
page URL, for example `https://pluginprobe.com/plugins/ivyforms/0.4/code/frontend/src/utils/utilResponsive.ts#L10-L20`.

```typescript
import { useBreakpoints } from '@vueuse/core'

const utilResponsive = () => {
  const breakpoints = useBreakpoints({
    tabletStart: 768,
    desktopSmallStart: 1024,
    desktopLargeStart: 1200,
  })

  const isMobile = breakpoints.smaller('tabletStart')
  const isTablet = breakpoints.between('tabletStart', 'desktopSmallStart')
  const isDesktop = breakpoints.greaterOrEqual('desktopSmallStart')
  const isDesktopSmall = breakpoints.between('desktopSmallStart', 'desktopLargeStart')
  const isDesktopLarge = breakpoints.greaterOrEqual('desktopLargeStart')

  return { isMobile, isTablet, isDesktop, isDesktopSmall, isDesktopLarge }
}

export default utilResponsive

```