Витрина иконок

Воспользуйтесь витриной иконок для визуального представления содержимого пакета.

Установка

В текущей директории проекта запустите одну из следующих команд:

# npm
npm install --save @ornament-ui/icons

# yarn
yarn add @ornament-ui/icons

# pnpm
pnpm 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;
• Разработчик через скрипт выгружает доступные иконки в пакет;
• После успешной генерации новых иконок, публикуется новая версии пакета.