openpencil/packages/docs/programmable/sdk/api/advanced/use-viewport-kind.md
2026-03-30 15:17:30 +03:00

558 B

title description
useViewportKind Read coarse mobile and desktop viewport flags for responsive editor shells.

useViewportKind

useViewportKind() returns simple responsive flags used by OpenPencil editor UI.

Use it when your shell needs a light abstraction over breakpoints instead of wiring useBreakpoints() directly.

Usage

import { useViewportKind } from '@open-pencil/vue'

const { isMobile, isDesktop } = useViewportKind()

Returns

  • isMobile
  • isDesktop