<script setup>
import { Loader } from "@dicehub/phi/components/loader";
</script>
<template>
<Loader />
</template>Installation
Barrel
import { Loader } from "@dicehub/phi";Granular
import { Loader } from "@dicehub/phi/components/loader";Usage
<script setup>
import { Loader } from "@dicehub/phi/components/loader";
</script>
<template>
<Loader />
</template>Examples
Default Size
<script setup>
import { Loader } from "@dicehub/phi/components/loader";
</script>
<template>
<Loader />
</template>Custom Size
<script setup>
import { Loader } from "@dicehub/phi/components/loader";
</script>
<template>
<Loader :size="24" />
</template>API Reference
| Prop | Type | Default | Description |
|---|---|---|---|
size | "sm" | "base" | "lg" | number | "base" | Size of the spinner. Presets map to 16px, 24px, and 32px; numbers are treated as pixels. |
class | string | - | Additional CSS classes. |