-
Notifications
You must be signed in to change notification settings - Fork 6
Icon
Artem edited this page Feb 11, 2019
·
1 revision
Icon basically can be found in different elements like button, separator, post data, and etc. and if the icon is presented in settings of the element it has the same basic controls. In icon type you can set the following options:
-
Font Awesome
Popular font based library for web. Contains number of free icons. Note that for optimization paupers the Font Awesome styles and font links are not being loaded for the frontend. When the layout is saved all Font Awesome icons will be replaced with SVG. -
SVG or Base 64
Allow to insert plain SVG element or basically any HTML code. If you insert SVG please make sure that it is optimized and minified. You can use web tools like svgminify.com or similar. SVG can be really complex and have different elements with different styles. In some cases you might want to keep the initial color of SVG elements but if you wish to have control over color via element settings you need to addfill="currentColor"
to each SVG path so your SVG can easily inherit colors from element settings. -
Image
You can set Image as an icon but in this case, you will not be able to control color and hover color obviously.
Documentation is relevant for Pagex version 0.3
Getting Started
Builder Editor
Elements
Snippets