27 lines
876 B
Markdown
27 lines
876 B
Markdown
|
---
|
||
|
|
currentMenu: custom-icons
|
||
|
|
---
|
||
|
|
|
||
|
|
## Customize icons
|
||
|
|
|
||
|
|
You can add icons to src/icons and run ``gulp build-icons``. This will make the icons available for use in the contextmenu using the icon property.
|
||
|
|
|
||
|
|
So for example the file checkmark.svg wil result in the CSS context-menu-icon-checkmark which you can use by using the [icon option](items#icon) when defining a menu item.
|
||
|
|
|
||
|
|
### Example
|
||
|
|
|
||
|
|
```javascript
|
||
|
|
var items = {
|
||
|
|
firstCommand: {
|
||
|
|
name: "Paste",
|
||
|
|
icon: "checkmark" // Class context-menu-icon-checkmark is used on the menu item. This is generated from checkmark.svg
|
||
|
|
}
|
||
|
|
}
|
||
|
|
```
|
||
|
|
|
||
|
|
Font-Awesome icons used from [encharm/Font-Awesome-SVG-PNG](https://github.com/encharm/Font-Awesome-SVG-PNG). You can download more there if you like.
|
||
|
|
|
||
|
|
## Customize CSS
|
||
|
|
|
||
|
|
You can use the _variables.scss to adjust variables on pretty much everything you want to change.
|