SIcon

Обзор

Примитив иконки с размерами на основе токенов.

Usage

Базовая иконка с настраиваемым именем и размером.

Открыть в Storybook

API

Краткий справочник props, slots и events — см. API Reference.

Guide

См. примеры ниже и API-таблицу. Компонент s-icon — часть публичного API UI Kit.

Важно: SIcon — асинхронный компонент (SVG иконки загружается лениво), поэтому в дереве над ним должен быть <Suspense>-boundary:

<Suspense>
  <SIcon name="rocket" :size="24" />
</Suspense>

Без Suspense компонент молча не отрендерится.

API Reference

Свойства

Имя	Тип	Описание	По умолчанию
ariaLabel	string	Текст для скринридеров, если иконка несёт смысл без подписи.	—
billing	boolean	Градиент billing вместо однотонной заливки.	false
name обязательный	TSIconName	Имя иконки из набора UI Kit.
size	TSIconSize	Сторона квадрата в пикселях.	20