antonyz89/yii2-material-design-lite

Material Design Lite for Yii2

v0.0.1-beta 2021-07-20 03:55 UTC

Requires

• php: >=7.2
• antonyz89/yii2-pagesize: >=0.0.1
• bower-asset/d3: 3.5.14
• bower-asset/material-design-lite: ^1.3.0
• bower-asset/nvd3: 1.8.2
• kartik-v/yii2-date-range: ^1.7
• kartik-v/yii2-datecontrol: ^1.9
• kartik-v/yii2-grid: ^3.3
• kartik-v/yii2-widget-activeform: ^1.5
• kartik-v/yii2-widget-datepicker: ^1.4
• kartik-v/yii2-widget-datetimepicker: ^1.4
• kartik-v/yii2-widget-fileinput: ^1.1
• kartik-v/yii2-widget-timepicker: ^1.0
• yiisoft/yii2: ~2.0.0
• yiisoft/yii2-bootstrap: ^2.0

MIT

• antonyz89

• extension
• design
• lite
• yii2
• material

README

Material Design Lite for Yii2

Installation

The preferred way to install this extension is through composer.

Either run

php composer.phar require --prefer-dist antonyz89/yii2-material-design-lite "*"

or add

"antonyz89/yii2-material-design-lite": "*"

to the require section of your composer.json file.

Usage

Before use:

1. Remove bootstrap css
2. Remove Kartik's DialogBootstrap js and css

# common/config/main.php

[
    'components' => [
        'assetManager' => [
            //'forceCopy' => true,
            'converter' => [
                //'forceConvert' => true,
                'commands' => [
                    'scss' => ['css', 'sass {from} {to} --source-map'],
                ]
            ],
            'bundles' => [
                BootstrapAsset::class => ['css' => []],
                DialogBootstrapAsset::class => ['js' => [], 'css' => []]
            ]
        ]
    ] 
];

1. add MaterialAsset::class to your AppAsset::class

use antonyz89\mdl\MaterialAsset;
use yii\web\YiiAsset;

class AppAsset extends AssetBundle
{
    public $basePath = '@webroot';
    public $baseUrl = '@web';

    public $css = [];
    public $js = [];
    public $depends = [
        // ...
        YiiAsset::class,
        MaterialAsset::class
    ];
}

FEATURES

• Material Design via Material Design Lite

• Ecmascript 6 (with babel)

• Responsive dark and white Material Design.

• User experience focused

• Sass

• D3 and NVD3

• MIT License

CREDITS

• UI components built with Material Design Lite.
• Material Dashboard Lite for awesome responsive dashboard with dark theme, components, charts and much more. ( Who this library is based )
• Kartik enhanced yii2's components

Support the project

• Star the repo
• Create issue report or feature request