Добавление иконок

Controls/interface:IIcon - интерфейс для контролов, который имеют возможность отображения иконки. Он содержит опцию icon, которая определяет иконку, которая будет отображена в контроле.

Иконку можно определить несколькими способами:

Пример
Исходный код

Подключение иконок

Подключение иконок из списка доступных иконок

Пример подключения иконки из списка доступных иконок:

<Controls.buttons:Button 
    iconStyle="contrast"
    icon="icon-RoundPlus"/>

Подключение иконок из svg-пакетов

Для отображения иконок необходимо использовать контрол Controls.icon:Icon, передав в опцию icon иконку по следующему API:

ModuleName/iconPackageName:icon-name, где:

  • ModuleName - имя модуля,
  • iconPackageName - имя пакета,
  • icon-name - имя иконки.

Пример:

<Controls.icon:Icon
    icon='Controls-icons/sorting:icon-sortingArrow'
    iconStyle='danger'
    iconSize='m'/>

Подключение svg-иконки в кнопке, меню и тулбаре

Необходимо использовать новый формат описания иконки.

<Controls.buttons:Button
    icon='Controls-icons/sorting:icon-sortingArrow'
/>

Создание своего пакета иконок

Если вам необходимо загрузить свои иконки, создайте svg-пакет.

Для создания svg-пакета необходимо:

  1. Создать интерфейсный модуль с именем постфиксом -icons, например Controls-icons.
  2. Создать внутри него папку с названием пакета, например sort.
  3. Расположить в этой папке иконки, которые необходимо собрать в пакет. Имя файла является именем иконки.
  4. Залить пакет в репозиторий.

После сборки в модуле Controls-icons появится файл sort.svg , который будет представлять собой пакет со всеми иконками внутри папки sort: