Пакет предоставляет самостоятельный набор иконок для совместного использования с plasma-ui
.
Компоненты реализованы на typescript с помощью react;
Использование данного пакета предполагает использование react
& react-dom
;
npm i --save @salutejs/plasma-icons
Все иконки доступны из корня пакета Пример:
import { IconApps } from '@salutejs/plasma-icons';
const App = () => {
return <IconApps />;
};
Также имеется возможность (не рекомендуется) использовать иконки через переиспользуемый компонент. В этом случае все иконки попадут в бандл при сборке (из-за чего может сильно увеличится размер сборки). Пример:
import { Icon } from '@salutejs/plasma-icons';
const App = () => {
return <Icon icon="iconApps" />;
};
- Добавить иконку в
svg
формате в нужную папку по размеру(на данный момент только 24)src/scalable/Icon.svg.24
(вручную или через плагин фигмы). Если вручную, то также стоит внести название иконки в соотвествующую категорию в файлеsrc/scalable/Icon.tsx
. - React-компоненты автоматически создадутся после выполнения
npm run build
. - Для обновления архива с иконками под android необходимо запустить
npm run generate:android
.
Витрина с компонентами storybook
Документация о каждом компоненте: https://bit.ly/36MIrA0