Lqvrent UI - Spin

Description

This component is used to display a loading indicator.

Supports global configuration

import { LuiSpinModule } from '@lqvrent-workspace/lqvrent-ui/spin';

<lui-spin luiSimple></lui-spin>

<lui-spin [luiSpinning]="isSpinning">
  <!-- Blurred content while spinning -->
</lui-spin>

component

Standalone

Property	Description	Type	Default
`[luiSimple]`	Set to `true` if the spin has no children	`boolean`	`false`
`[luiSize]`	Size of the spin. If provide a string, must be a valid CSS unit (ex: `1rem`)	`'small' \| 'default' \| 'large' \| string`	`'default'`
`[luiIndicator]`	Custom indicator	`TemplateRef<void>`	defined in config
`[luiSpinning]`	Whether the spin is showing	`boolean`	`true`
`[luiDelay]`	Delay (in ms) before the spin is shown	`number`	`0`
`[luiTip]`	Description of the spin	`string`	-

This is text, as a reference

Use small in inline text, default in card-level block, and large in a loading page.

Action completed successfully

Very important stuff that you need to know.

Spin

Action completed successfully

Very important stuff that you need to know.

Action completed successfully

Very important stuff that you need to know.

Spin

If luiSpinning ends during delay, loading status won't appear.

This is text, as a reference