ui/docs/content/6.overlays/2.slideover.md

github, description, headlessui

github	description	headlessui
true	Display a dialog that slides in from the edge of the screen.	label to Dialog https://headlessui.com/vue/dialog

Usage

::component-example #default :slideover-example #code

<script setup>
const isOpen = ref(false)
</script>

<template>
  <div>
    <UButton label="Open" @click="isOpen = true" />

    <USlideover v-model="isOpen">
      <!-- Content -->
    </USlideover>
  </div>
</template>

::

Props

:component-props

Preset

:component-preset