kartik-v / yii2-widget-spinner
A widget to render animated CSS3 loading spinners with VML fallback for IE (sub repo split from yii2-widgets)
Installs: 3 150 797
Dependents: 6
Suggesters: 0
Security: 0
Stars: 28
Watchers: 3
Forks: 3
Open Issues: 0
Language:JavaScript
Type:yii2-extension
Requires
- kartik-v/yii2-krajee-base: >=2.0.0
This package is auto-updated.
Last update: 2024-10-25 18:56:30 UTC
README
yii2-widget-spinner
The Spinner widget is a wrapper for the spin.js. It enables you to add an animated CSS3 loading spinner which allows VML fallback for IE. Since, its not image based, it allows you to configure the spinner style, size, color, and other CSS attributes. The major advantage of using the CSS3 based spinner, is that the animation can be made visible to user for non-ajax based scenarios. For example on events like window.load or window.unload (thereby enabling you to show a page loading progress without using ajax).
NOTE: This extension is a sub repo split of yii2-widgets. The split has been done since 08-Nov-2014 to allow developers to install this specific widget in isolation if needed. One can also use the extension the previous way with the whole suite of yii2-widgets.
Installation
The preferred way to install this extension is through composer. Check the composer.json for this extension's requirements and dependencies. Read this web tip /wiki on setting the minimum-stability
settings for your application's composer.json.
To install, either run
$ php composer.phar require kartik-v/yii2-widget-spinner "@dev"
or add
"kartik-v/yii2-widget-spinner": "@dev"
to the require
section of your composer.json
file.
Latest Release
Refer the CHANGE LOG for details on changes to various releases.
Demo
You can refer detailed documentation and demos on usage of the extension.
Usage
use kartik\spinner\Spinner; <div class="well"> <?= Spinner::widget([ 'preset' => Spinner::LARGE, 'color' => 'blue', 'align' => 'left' ])?> </div>
License
yii2-widget-spinner is released under the BSD-3-Clause License. See the bundled LICENSE.md
for details.