diff --git a/src/components/scrollpanel/VScrollpanel.vue b/src/components/scrollpanel/VScrollpanel.vue
new file mode 100644
index 0000000..8f9caf5
--- /dev/null
+++ b/src/components/scrollpanel/VScrollpanel.vue
@@ -0,0 +1,16 @@
+<script setup lang="ts">
+import ScrollPanel from 'primevue';
+
+const props = withDefaults(defineProps<{
+  step?: number
+  height: string
+  width?: string
+}>(), {
+  step: 5,
+  width: '100%'
+});
+</script>
+
+<template>
+  <ScrollPanel :step="props.step" :style="{width: props.width, height: props.height}"/>
+</template>