SwIcon
Компонент SwIcon отображает SVG-иконку из встроенного спрайта или по-внешнему URL.
Если iconClass начинается с http://, https://, иконка загружается как внешний SVG через CSS mask (класс sw-external-icon). Иначе используется символ из спрайта: #prefix-iconClass.
Компонент используется внутри библиотеки, и во многих компонентов в props можно передавать как имя из спрайта, так и полный URL.
Свойства / Properties
| Имя | Тип | По умолчанию | Значения/Описание |
|---|---|---|---|
iconClass | String | required | Имя иконки в спрайте или URL (https://…). |
prefix | String | icon | Префикс символа в спрайте: #prefix-iconClass. |
className | String | `` | Пользовательский CSS-класс для элемента <svg>. |
Пример использования / Example Usage
<script setup>
const TABLER = 'https://cdn.jsdelivr.net/npm/@tabler/icons@3.19.0/icons/outline'
const icons = {
star: `${TABLER}/star.svg`,
search: `${TABLER}/search.svg`,
phone: `${TABLER}/phone.svg`,
chevron: `${TABLER}/chevron-down.svg`
}
</script>
<sw-icon :icon-class="icons.star" />
<sw-icon :icon-class="icons.search" />
<sw-icon :icon-class="icons.phone" />
<sw-icon :icon-class="icons.chevron" />