mark-de-froze/yii2-uikit

Uikit 3 for Yii2

yii2-uikit extensions for Yii2

Widgets & assets for a lightweight and modular front-end framework UiKit, _(*1)

Installation of Yii2 Uikit Extension

The preferred way to install this extension is through composer. Just run, _(*2)

php composer.phar require --prefer-dist ilyaplot/yii2-uikit

or add, _(*3)

"ilyaplot/yii2-uikit": "*"

to the require section of your composer.json file., _(*4)

Usage exaple:

For example, including main UiKit css & js files in any view files, _(*5)

\worstinme\uikit\UikitAsset::register($this);

Uikit Slideshow widget examples: * render slideshow from webroot path with images, _(*6)

<?= \worstinme\uikit\widgets\Slideshow::widget(['path' => '/images/somefolder/']) ?>

• render slideshow with custom slides

<?= \worstinme\uikit\widgets\Slideshow::widget(['slides' => [
        '<div class="slide">Any content with some <a href="#">button</a> e.g.</div>'
        '<div class="pam_pam_slide-two">Another content with some <a href="#">button</a> e.g.</div>'
    ]
]); ?>

• render slideshow with overlays

<?= \worstinme\uikit\widgets\Slideshow::widget(['items' => [
        ['img'=>'/link/to/img.jpg','overlay'=>'Any content with some <a href="#">button</a> e.g.'],
        ['img'=>'/link/to/img.jpg','overlay'=>'Any content with some <a href="#">button</a> e.g.'],
    ]
]); ?>