Icon

SVG-иконка с заданным размером.

Передайте SVG-компонент в tag, например иконку Heroicons.

Живой пример

Настройки примера

Использование

import { CheckIcon } from '@heroicons/react/24/outline';
import { Icon } from '@prosazhin/pbcomponents';

<Icon
  tag={CheckIcon}
  size='m'
/>;

API компонента

PropТип / вариантыНазначениеПо умолчанию
tagSvgTypecheck · search · userSVG-компонент иконки.
size's' | 'm' | 'l's · m · lРазмер компонента.m
classNamestringКласс корневого элемента.

Нативные HTML-атрибуты поддерживаются там, где компонент рендерит соответствующий элемент. Параметры className управляют только оформлением.