<script setup>
import xtxSkeleton from '../packages/components/xtx-skeleton.vue'
</script>

<template>
  <div class="row">
    <xtx-skeleton width="300px" height="100px" :animated="true" radius="24px"></xtx-skeleton>
    <xtx-skeleton width="200px" height="80px" :animated="true" radius="16px"></xtx-skeleton>
    <xtx-skeleton width="100px" height="30px" :animated="true" radius="6px"></xtx-skeleton>
  </div>
</template>

<style scoped lang="less">
.row {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
</style>
