28 lines
845 B
Markdown
28 lines
845 B
Markdown
|
---
|
|||
|
|
title: useViewportKind
|
|||
|
|
description: Грубые флаги мобильного и десктопного вьюпорта для адаптивных оболочек редактора.
|
|||
|
|
---
|
|||
|
|
|
|||
|
|
# useViewportKind
|
|||
|
|
|
|||
|
|
`useViewportKind()` возвращает простые адаптивные флаги, используемые UI редактора OpenPencil.
|
|||
|
|
|
|||
|
|
Используйте его, когда оболочке нужна лёгкая абстракция поверх брейкпоинтов вместо прямого подключения `useBreakpoints()`.
|
|||
|
|
|
|||
|
|
## Использование
|
|||
|
|
|
|||
|
|
```ts
|
|||
|
|
import { useViewportKind } from '@open-pencil/vue'
|
|||
|
|
|
|||
|
|
const { isMobile, isDesktop } = useViewportKind()
|
|||
|
|
```
|
|||
|
|
|
|||
|
|
## Возвращает
|
|||
|
|
|
|||
|
|
- `isMobile`
|
|||
|
|
- `isDesktop`
|
|||
|
|
|
|||
|
|
## Связанные API
|
|||
|
|
|
|||
|
|
- [useCanvas](../composables/use-canvas)
|