npm package: @nlmk/ds-2.0
Description: <div align="center">     <a href="https://nlmk-group.github.io/ds-2.0" target="_blank">     <img src="https://nlmk-group.github.io/ds-2.0/img/banner.png" alt="Дизайн-система НЛМК — это библиотека React компонентов, инструментов и правил, которые объединяю
Author: NLMK IT
Latest version: 2.29.2

<div align="center">
    <a href="https://nlmk-group.github.io/ds-2.0" target="_blank">
    <img src="https://nlmk-group.github.io/ds-2.0/img/banner.png" alt="Дизайн-система НЛМК — это библиотека React компонентов, инструментов и правил, которые объединяют разработчиков и дизайнеров в процессе создания интерфейсов."/>
    </a>
</div>

# Дизайн-система НЛМК

[![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://opensource.org/licenses/MIT) ![NPM Version](https://img.shields.io/npm/v/%40nlmk%2Fds-2.0) ![NPM Downloads](https://img.shields.io/npm/dm/%40nlmk%2Fds-2.0) ![GitHub Repo stars](https://img.shields.io/github/stars/nlmk-group/ds-2.0) [![storybook](https://img.shields.io/badge/Storybook-deployed-ff4685)](https://nlmk-group.github.io/ds-2.0/?path=/docs/introduction-welcome--docs)


🎨 Дизайн-система НЛМК — это библиотека React-компонентов, инструментов и правил, которая объединяет разработчиков и дизайнеров. Она обеспечивает единый стиль и удобство использования во всех цифровых продуктах, ускоряя процесс проектирования. 🚀 Особенностью системы является её ориентация на сложные MES-системы. 🔧

[Storybook](https://nlmk-group.github.io/ds-2.0/?path=/docs/introduction-welcome--docs) • [GitHub](https://github.com/nlmk-group/ds-2.0) • [NPM](https://www.npmjs.com/package/@nlmk/ds-2.0) • [Changelog](https://nlmk-group.github.io/ds-2.0/?path=/docs/introduction-changelog--docs) • [Figma](https://www.figma.com/@nlmk) • [Website](https://ds.nlmk.com/)

## Установка

Для установки библиотеки компонентов используйте эти команды:

```shell
npm install @nlmk/ds-2.0
```

```shell
yarn add @nlmk/ds-2.0
```

Следуйте инструкциям в документации для [переключения тем](https://nlmk-group.github.io/ds-2.0/?path=/docs/introduction-theme--docs).

## Почему стоит выбрать нашу дизайн-систему

- 🔄 **Живая дизайн-система**: Постоянно обновляется и поддерживается. Используется в более чем 70 проектах.
- 🎨 **Гибкие компоненты**: Подойдут для любого проекта. Основное внимание уделяется UX, чтобы вы могли сосредоточиться на функциях своего продукта.
- ⏱️ **Экономия времени**: Компоненты многоразового использования ускоряют разработку и увеличивают скорость релизов.
- 🔧 **Согласованность стиля**: Стандартизация и унификация гарантируют единообразие всех ваших цифровых продуктов.
- 🌗 **Темы на любой вкус**: Переключение между светлой и тёмной темами увеличивает удобство, снижает напряжение глаз и улучшает общую доступность.
- 🤝 **Лёгкость сотрудничества**: Упрощаем взаимодействие между дизайнерами и разработчиками, превращая идеи в реальность с помощью общих компонентов и документации.

## Участники

Присоединяйтесь к развитию нашей системы! 🚀 Если у вас есть предложения или вы нашли баг, создайте Issue в репозитории. Ваши изменения мы с удовольствием рассмотрим. [Contributing](https://nlmk-group.github.io/ds-2.0/?path=/docs/introduction-contributing--docs).

**Не забудьте поставить звезду ⭐ и поделиться идеями — мы рады вашим отзывам! 💡**

## 📞 Контакты

Для связи с нами вы можете использовать следующие ТГ:

- ⚙️ [Head of Frontend: Олег Рогов](https://t.me/Rogov_Oleg)

Обращайтесь по любым вопросам или с предложениями! 💬

## Лицензия

Не стесняйтесь использовать нашу библиотеку компонентов в своих коммерческих и частных приложениях. Подробнее о лицензии MIT читайте [здесь](https://opensource.org/license/MIT).

## Поддерживаемые браузеры

### 🖥️ Desktop

| 🌐 Браузер              | 🛠 Версия |
| ------------------------------ | --------------- |
| 🚀 Google Chrome               | 126+            |
| 🦊 Mozilla Firefox             | 118+            |
| 🍏 Safari                      | 17+             |
| 🎭 Opera                       | 103+            |
| 🌐 Edge                        | 117+            |
| 🇷🇺 Yandex Browser            | 24+             |
| ❌ Microsoft Internet Explorer | Not supported   |

### 📱 Mobile

| 📱 Браузер   | 🛠 Версия |
| ------------------- | --------------- |
| 🚀 Google Chrome    | 117+            |
| 🦊 Mozilla Firefox  | 120+            |
| 🍏 Safari           | 17+             |
| 🎭 Opera            | 76+             |
| 🇷🇺 Yandex Browser | 24+             |

## О компании

🏭 Группа НЛМК — ведущий мировой производитель качественной стали с вертикально-интегрированным бизнесом. Производство осуществляется в малозатратных регионах, а продукция доставляется близко к ключевым рынкам России, Северной Америки и ЕС. 🌍 Благодаря самообеспеченности в сырье и энергии, НЛМК — один из самых эффективных и прибыльных сталепроизводителей. 💪 Разнообразный продуктовый портфель и адаптивная цепочка поставок позволяют компании быстро реагировать на изменения рынка. 🚀