КРЕАТИВНЫЕ САЙТЫ И ПРИЛОЖЕНИЯ,
КАЧЕСТВЕННЫЕ WEB-УСЛУГИ
phone

SwIcon

Компонент `SwIcon` отображает SVG-иконку
из встроенного спрайта или по внешнему URL.

SwIcon

Компонент SwIcon отображает SVG-иконку из встроенного спрайта или по-внешнему URL. Если iconClass начинается с http://, https://, иконка загружается как внешний SVG через CSS mask (класс sw-external-icon). Иначе используется символ из спрайта: #prefix-iconClass. Компонент используется внутри SwButton, SwInput, SwAlert, SwDropdownItem, SwSection, SwMessage, SwGide (before / after) — во всех этих props можно передавать как имя из спрайта, так и полный URL. Старые имена (prefix/postfix, iconBefore, iconAfter, iconClose) пока работают, будут удалены в major.

Свойства / Properties

ИмяТипПо умолчаниюЗначения/Описание
iconClassStringrequiredИмя иконки в спрайте или URL (https://…).
prefixStringiconПрефикс символа в спрайте: #prefix-iconClass.
classNameString``Дополнительный CSS-класс для элемента <svg>.

Пример использования / Example Usage

<!-- из спрайта -->
<sw-icon icon-class="star" />

<!-- внешний URL (Tabler Icons) -->
<sw-icon icon-class="https://cdn.jsdelivr.net/npm/@tabler/icons@3.19.0/icons/outline/star.svg" />