Icon
SVG-иконка с заданным размером.
Передайте SVG-компонент в tag, например иконку Heroicons. size — размер в пикселях: 12, 14, 16, 18 (по умолчанию), 20, 22, 24, 26 или 32. Прежние s, m и l соответствуют 16, 20 и 24.
Живой пример
Настройки примера
Использование
import { CheckIcon } from '@heroicons/react/24/outline';
import { Icon } from '@prosazhin/pbcomponents';
<Icon
tag={CheckIcon}
size={20}
/>;API компонента
| Prop | Тип / варианты | Назначение | По умолчанию |
|---|---|---|---|
tag | SvgTypecheck · search · user | SVG-компонент иконки. | — |
size | 12 | 14 | 16 | 18 | 20 | 22 | 24 | 26 | 3212 · 14 · 16 · 18 · 20 · 22 · 24 · 26 · 32 | Размер иконки в пикселях. Прежние s, m и l — это 16, 20 и 24. | 18 |
className | string | Класс корневого элемента. | — |
Нативные HTML-атрибуты поддерживаются там, где компонент рендерит соответствующий элемент. Параметры className управляют только оформлением.