https://github.com/romdim/yii2-bootstrap-material
Composer package for implementing FezVrasta's bootstrap material design in Yii2
https://github.com/romdim/yii2-bootstrap-material
Last synced: 11 months ago
JSON representation
Composer package for implementing FezVrasta's bootstrap material design in Yii2
- Host: GitHub
- URL: https://github.com/romdim/yii2-bootstrap-material
- Owner: romdim
- License: mit
- Created: 2015-04-02T14:02:03.000Z (about 11 years ago)
- Default Branch: master
- Last Pushed: 2018-01-17T10:05:33.000Z (over 8 years ago)
- Last Synced: 2024-11-10T02:52:37.182Z (over 1 year ago)
- Language: PHP
- Size: 11.7 KB
- Stars: 19
- Watchers: 5
- Forks: 12
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# yii2-bootstrap-material
Composer package for implementing FezVrasta's bootstrap material design in Yii2
https://github.com/FezVrasta/bootstrap-material-design
## Installation
Either run
```
composer global require "romdim/yii2-bootstrap-material:dev-master"
```
Or add
```
"romdim/yii2-bootstrap-material": "dev-master",
```
to the require section of your composer.json file.
You need npm and bower installed in order to use this package. Or you could just use a solution for not having those in your project:
- https://github.com/yidas/yii2-bower-asset (Yii 2 official Composer repository solution for Bower Assets)
- https://github.com/fxpio/composer-asset-plugin (NPM/Bower Dependency Manager for Composer)
There is now another branch called material-0-2-2 which uses the FezVrasta's bootstrap material design Version 0.2.2 which seems better to me right now.
You can use this branch by changing dev-master to dev-material-0-2-2 at the above code.
## Usage
After installation, just add
```
public $depends = [
'yii\web\YiiAsset',
'romdim\bootstrap\material\BootMaterialCssAsset',
'romdim\bootstrap\material\BootMaterialJsAsset'
];
```
in your AppAsset
If you want to use the minified versions then, you can add:
```
$config = [
...
'components' => [
...
'assetManager' => [
'class' => 'yii\web\AssetManager',
'appendTimestamp' => true,
'bundles' => [
...
'romdim\bootstrap\material\BootMaterialCssAsset' => [
'css' => [
YII_ENV_DEV ? 'css/ripples.css' : 'css/ripples.min.css',
YII_ENV_DEV ? 'css/material.css' : 'css/material.min.css',
]
],
'romdim\bootstrap\material\BootMaterialJsAsset' => [
'js' => [
YII_ENV_DEV ? 'js/ripples.js' : 'js/ripples.min.js',
YII_ENV_DEV ? 'js/material.js' : 'js/material.min.js',
]
]
...
]
]
...
]
...
]
```
You should add to the body the following code to have all effects working:
```
$(function() { $.material.init(); });
```