# Popover Small overlay panels positioned relative to a trigger. ```svelte Trigger
Skeleton Labs @skeletonlabs.dev
Your friendly neighborhood open source maintainers. Creators of Skeleton.

800 Followers

120 Following

100 Posts

 ``` Breaking convention in Skeleton, this component is provided "headless". Meaning no default styles are applied out of the box. This ensures you retain full control of all styling for maximum flexibility. ## Anchor Use the `Anchor` component to position the popover contents relative to an element other than the trigger. ```svelte
Show Profile
Skeleton Labs @skeletonlabs.dev
Your friendly neighborhood open source maintainers. Creators of Skeleton.

800 Followers

120 Following

100 Posts

 ``` ## Arrow Visually connects the popover content to the trigger element. Will automatically align based on the selected side. ```svelte Trigger This example will have a small arrow. ``` ## Z-Index By default Skeleton does not take an opinionated stance regarding z-index stacking. The result is the component can sometimes be occluded beneath other elements with a higher index. The Z-Index can controlled by applying a utility class to the `Positioner` component. ```svelte
Default (auto) This example will be below the sibling. Above (20) This example will be above the sibling.
Sibling (10)
``` ## Provider Pattern Use the [Provider Pattern](/docs/\[framework]/get-started/fundamentals#provider-pattern) to gain access to the inner component APIs. ```svelte
Anchor This popover will appear, stay open for three seconds, then close on it's own.
``` ## Direction Set the text direction (`ltr` or `rtl`) using the `dir` prop. ```svelte Trigger Example This is a basic example of a popover. Close ``` ## Anatomy Here's an overview of how the Popover component is structured in code: ```svelte ``` ## API Reference