Mirrors/MaterialDesign
2
0
Fork 0
mirror of https://github.com/Templarian/MaterialDesign.git synced 2026-03-03 15:14:07 +01:00
Code Issues Packages Projects Releases Wiki Activity

Merge branch 'master' of https://github.com/Templarian/MaterialDesign

Browse Source
This commit is contained in:
Austin Andrews
2018-08-22 19:32:27 -05:00
parent f8c404061c d0a85d56bd
commit 273ee9033b
1 changed files with 24 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

24
site/getting-started.savvy
View File

@@ -327,6 +327,30 @@ Learn more about custom icons in the [polymer documentation for v0.5](https://ww
If you are using [Vue.js](https://vuejs.org/), you can find a collection of the SVG icons as single file components packaged as [vue-material-design-icons](https://www.npmjs.com/package/vue-material-design-icons).
## PHP / Twig
You can use the `mesavolt/mdi-php` composer package to easily use MDI in your native PHP views:
```php
<?php Mdi::withIconsPath(__DIR__.'/../../../node_modules/@mdi/svg/svg/'); ?>
<button>
<?php echo Mdi::mdi('account'); ?>
My account
</button>
```
Twig integration is easy too:
```twig
<button>
{{ mdi('account', 'fill-muted', 42, {'aria-label': 'My account icon'}) }}
My account
</button>
```
Learn more: [MaterialDesignIcons-PHP](https://github.com/chteuchteu/MaterialDesignIcons-PHP)
## Ember
If you use [Ember.js](https://www.emberjs.com/), you can try to install the addon [ember-mdi](https://github.com/kaermorchen/ember-mdi) ([demo](https://kaermorchen.github.io/ember-mdi/)), which have only SVG icons and based on [mdi-svg](https://github.com/Templarian/MaterialDesign-SVG).