Skip to content

DraggableItemBottom

Package
Draggable
Category
Description
Draggable Item Bottom

Props

PropDescriptionTypeRequiredDefault Value
titlestringfasle--
disabledExpandbooleanfasle--
disabledHeaderbooleanfasle--
disabledClosebooleanfasle--
disabledOrderbooleanfasle--
containerIdstringfasle--
showbooleanfaslefalse
expandbooleanfaslefalse

Events

NameDescription
update:expand(value:boolean) => void
close() => void
update:show(value:boolean) => void

Slots

NameDescription
default
title
extra-btn

Usage

vue
<script setup lang="ts">
import { DraggableContainer, DraggableItemBottom } from '@hungpvq/vue-draggable';
</script>

<template>
  <DraggableContainer>
    <DraggableItemBottom title="Title" show>
      <div style="height: 100vh"></div>
    </DraggableItemBottom>
  </DraggableContainer>
</template>