Yii 2.0: yii2-icofont

Asset Bundle for Yii2 with IcoFont http://icofont.com
2 followers

Yii 2 IcoFont Asset Bundle

This extension provides a assets bundle with IcoFont for Yii framework 2.0 applications and helper to use icons.

Installation

The preferred way to install this extension is through composer.

Either run

composer require "loveorigami/yii2-icofont:*"

or add

"loveorigami/yii2-icofont": "*",

to the require section of your composer.json file.

Usage

In view

lo\icofont\IcoFontAsset::register($this);

or as dependency in your main application asset bundle

class AppAsset extends AssetBundle
{
    // ...
 
    public $depends = [
        // ...
        'lo\icofont\IcoFontAsset'
    ];
}

FontIcoHelper (FI) examples

use lo\icofont\FI;
 
// normal use
echo FI::icon('home'); // <i class="icofont icofont-home"></i>
 
// shortcut
echo FI::i('home'); // <i class="icofont icofont-home"></i>
 
// icon with additional attributes
echo FI::icon(
    'arrow-left', 
    ['class' => 'big', 'data-role' => 'arrow']
); // <i class="big icofont icofont-arrow-left" data-role="arrow"></i>
 
// icon in button
echo Html::submitButton(
    Yii::t('app', '{icon} Save', ['icon' => FI::icon('check')])
); // <button type="submit"><i class="icofont icofont-check"></i> Save</button>
 
// icon with additional methods
echo FI::icon('arrow-right')->pullLeft();   // <i class="icofont icofont-arrow-right pull-left"></i>
echo FI::icon('arrow-right')->pullRight();  // <i class="icofont icofont-arrow-right pull-right"></i>
 
// autocomplete icons name in IDE
echo FI::icon(FI::_MAGIC);
echo FI::icon(FI::_ARROW_RIGHT);

Resources

Be the first person to leave a comment

Please to leave your comment.

Create extension
Downloads
No downloadable files yet