Universal DevTools Kit SDK

Universal DevTools Kit SDK / @u-devtools/overlay / useElementRect

Function: useElementRect()

useElementRect(elementRef): object

Defined in: composables/useElementRect.ts:24

Parameters

Parameter	Type
`elementRef`	{ `value`: `HTMLElement` \| `null`; }
`elementRef.value`	`HTMLElement` \| `null`

Returns

object

Name	Type	Defined in
`isVisible`	`Ref`<`boolean`, `boolean`>	composables/useElementRect.ts:85
`rect`	`Ref`<{ `borderBottom`: `number`; `borderLeft`: `number`; `borderRight`: `number`; `borderTop`: `number`; `height`: `number`; `left`: `number`; `marginBottom`: `number`; `marginLeft`: `number`; `marginRight`: `number`; `marginTop`: `number`; `paddingBottom`: `number`; `paddingLeft`: `number`; `paddingRight`: `number`; `paddingTop`: `number`; `top`: `number`; `width`: `number`; } \| `null`, `ElementRect` \| { `borderBottom`: `number`; `borderLeft`: `number`; `borderRight`: `number`; `borderTop`: `number`; `height`: `number`; `left`: `number`; `marginBottom`: `number`; `marginLeft`: `number`; `marginRight`: `number`; `marginTop`: `number`; `paddingBottom`: `number`; `paddingLeft`: `number`; `paddingRight`: `number`; `paddingTop`: `number`; `top`: `number`; `width`: `number`; } \| `null`>	composables/useElementRect.ts:85