HopeKitAppearance
Avatar
Show animation while loading data.
Basic Usage
<template>
<div class="flex justify-between items-end">
<HcLoader />
</div>
</template>
<script lang="ts" setup>
import { HcLoader } from '@deeepvision/hope-component-kit';
</script>
Line spinner
<template>
<div class="flex justify-between items-end">
<HcLoader type="line-spinner" />
</div>
</template>
<script lang="ts" setup>
import { HcLoader } from '@deeepvision/hope-component-kit';
</script>
Props
| Property | Type | Values | Description | Default |
|---|---|---|---|---|
| type | String | line-spinnerdragpoints | дoading type | dragpoints |