component
Slideover
Nuxt UI's USlideover with a colored top edge.
ZSlideover is USlideover, a side panel, with a 3px top edge in its color, as every Zoo UI overlay has.
<script setup lang="ts">
const open = ref(false)
</script>
<template>
<UButton color="neutral" variant="outline" @click="open = true">Run details</UButton>
<ZSlideover v-model:open="open" color="primary" title="Run 4812" description="Started 09:41 on linux-2.">
<template #body>
<p class="text-sm text-muted">Logs, artifacts and timings for the run go here.</p>
</template>
</ZSlideover>
</template>API
Everything else is USlideover's
Only the props below are ZSlideover's own. Every other prop,
v-model, event and slot passes straight through to Nuxt UI's USlideover. Props
| Prop | Type | Default | Description |
|---|---|---|---|
| color | "primary" | "secondary" | "success" | "info" | "warning" | "error" | "neutral" | "accent" | — | — |
| ui | Record<string, any> | — | — |