Skip to content

Popover

Displays a floating panel with customizable content.

When to Use

  • In scenarios such as tooltips, and information boxes.
  • To show additional content or actions related to an element without cluttering the page.

Usage

javascript
import { Popover } from '@youcan/alto';

const show = ref(false);
vue
  <Popover v-model:show="show">
    <template #title />
    <template #description />
    <template #footer />
  </Popover>

API Reference