SmartIcon

Основные особенности

Иконка может отображаться в виде изображения (URL), текста или SVG-иконки.
Поддержка различных размеров иконок через стандартные предустановки (sm, md, lg, xl, 2xl) или через произвольные значения.
Возможность добавления бейджей и субиконок для расширенной функциональности.
Поддержка обработчиков событий (onClick, onContext) для взаимодействия с иконкой.

Свойства

  • style (object): Объект стилей, позволяющий настраивать фон иконки (backgroundColor).
  • name (string): Имя иконки. В зависимости от логики может быть использовано для отображения SVG или другого типа контента.
  • url (string): URL для отображения изображения как иконки.
  • text (string): Текст, который отображается вместо изображения или SVG, если они не заданы.
  • size (IconSize): Размер иконки. Может быть предустановкой (sm, md, lg, xl, 2xl) или числовым значением для указания конкретного размера.
  • badges (SmartIconBadge | SmartIconBadge[] | SubIcon | SubIcon[]): Список бейджей или субиконок, которые можно добавить на основную иконку.
  • onClick (function | AppUiAction | AppUiAction[]): Обработчик клика по иконке.
  • onContext (function | AppUiAction | AppUiAction[]): Обработчик для событий контекстного меню (например, при нажатии правой кнопкой мыши).

Вспомогательные функции

  • fillIconSizeProps:
    Заполняет объект стилей размерами иконки на основе предоставленного размера.
  • fillIconTextProps:
    Определяет размер текста внутри иконки в зависимости от длины текста и размера иконки.
  • getIconSizePx:
    Преобразует предустановленные размеры (sm, md, lg, xl, 2xl) или числовые значения в пиксели.
  • parseNumberString:
    Преобразует строковое или числовое значение в число.
  • normalizeIconSize:
    Преобразует строковые размеры (например, sm, lg) или числовые значения в пиксели.

❤️ Made with love on Chatium

ООО "Чатиум"

Информация о компании