Skip to content

Popover

Компонент, який дозволяє легко створювати і керувати відкриттям та закриттям спливаючих вікон на сторінці. Цей компонент підтримує різні параметри для налаштування положення та вигляду.

vue
<template>
    <div class="flex gap-2">
        <VsPopover :width="width" v-for="width in widthOptions">
            <div class="p-4">
                <p class="text-gray-500">Why don't programmers like nature?</p>
                <p class="text-gray-500">
                    It has too many bugs, and they can't handle the lack of
                    version control! 🌳🐞
                </p>
            </div>
            <template v-slot:reference>
                <VsButton> {{ width }}px </VsButton>
            </template>
        </VsPopover>
    </div>
</template>