@ornament-ui/icons
Коллекция иконок
Витрина иконок
Воспользуйтесь витриной иконок для визуального представления содержимого пакета.
Установка
Вы можете установить пакет иконок в уже существующий проект с помощью yarn или npm. В текущей директории проекта запустите одну из следующих команд:
# npm
npm install --save @ornament-ui/icons
# yarn
yarn add @ornament-ui/icons
Размер иконок
Размер иконки задается через свойство size
.
Размер по умолчанию: m
.
import React from 'react';
import { SmileIcon } from '@ornament-ui/icons';
const Icon = () => <SmileIcon size="s" />;
Доступные размеры иконок:
Название | Размер |
---|
s | 16 х 16 px |
m | 24 х 24 px |
Цвет иконок
import React from 'react';
import { SmileMIcon } from '@ornament-ui/icons';
const Icon = () => <SmileMIcon color="#ECECEC" />;
Процесс генерации иконок
- Дизайнер добавляет иконку в библиотеку Figma;
- Разработчик через скрипт выгружает доступные иконки в пакет;
- После успешной генерации новых иконок, публикуется новая версии пакета.