KSpin

Show animation while loading data.

Install

pnpm

pnpm add @ikun-ui/spin

yarn

yarn add @ikun-ui/spin

npm

npm install @ikun-ui/spin

Basic usage

Use show, control loading show.

Full screen

Use the fullScreen property to enable a full-screen spin.

Custom background color

Use the background property to set the background color.

Custom Spinner

The spinner attribute can also be passed directly into a component to display content as a spin

Loading Options

Name	Type	Default	Description
show	boolean	false	Whether to show spin
text	string	-	loading text that displays under the spinner
fullScreen	boolean	false	Show a full screen animation while loading data
background	string	-	background color of the mask
spinner	string	-	The class name of the snipper, following the unocss standard
rotating	boolean	true	Whether the snipper is rotated or not
cls	string	-	Additional class
attrs	Record<string, string>	{}	Additional attributes