mirror of
https://github.com/ArthurDanjou/ui.git
synced 2026-01-24 00:40:34 +01:00
39 lines
524 B
Markdown
39 lines
524 B
Markdown
---
|
|
github: true
|
|
description: Display a dialog that slides in from the edge of the screen.
|
|
headlessui:
|
|
label: 'Dialog'
|
|
to: 'https://headlessui.com/vue/dialog'
|
|
---
|
|
|
|
## Usage
|
|
|
|
::component-example
|
|
#default
|
|
:slideover-example
|
|
#code
|
|
```vue
|
|
<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
|