KLoadingState
示例
Loading your data...
A loading indicator with an optional message, usable inline or as a centered block.
Props
| Name | Type | Default | Description |
|---|---|---|---|
| message | string | 'Loading...' | Text displayed next to the spinner. |
| size | 'sm' | 'md' | 'lg' | 'md' | Size of the spinner and text. |
| inline | boolean | false | Whether to render as an inline element instead of a centered block. |
| class | string | — | Additional CSS classes for the root element. |
Emits
| Name | Parameters | Description |
|---|---|---|
| — | — | This component does not emit custom events. |
Slots
| Name | Description |
|---|---|
| — | This component does not provide slots. |
Basic Usage
vue
<script setup>
import { KLoadingState } from '@kK-2004/ui-component'
</script>
<template>
<KLoadingState message="Fetching data..." size="md" />
</template>