1---
2category: Elements
3---
4 
5# useParentElement
6 
7Get parent element of the given element
8 
9## Usage
10 
11When no argument is passed, it will return the parent element of the current component.
12 
13```vue
14<script setup lang="ts">
15import { useParentElement } from '@vueuse/core'
16 
17const parentEl = useParentElement()
18 
19onMounted(() => {
20  console.log(parentEl.value)
21})
22</script>
23```
24 
25It can also accept a `ref` as the first argument.
26 
27```vue
28<script setup lang="ts">
29import { useParentElement } from '@vueuse/core'
30import { useTemplateRef } from 'vue'
31 
32const tooltip = useTemplateRef('tooltip')
33 
34const tooltipWrapper = useParentElement(tooltip)
35 
36onMounted(() => {
37  console.log(tooltipWrapper.value)
38})
39</script>
40 
41<template>
42  <div>
43    <p ref="tooltip" />
44  </div>
45</template>
46```
47 
48## Type Declarations
49 
50```ts
51export declare function useParentElement(
52  element?: MaybeRefOrGetter<HTMLElement | SVGElement | null | undefined>,
53): Readonly<ShallowRef<HTMLElement | SVGElement | null | undefined>>
54```
55