Overview

The MegaFon React UI components library is a collection of UI components for building React applications. It is designed to be easy to use and integrate into any project. The library consists of several npm packages that can be installed separately or together. It also requires the use of CSS custom properties available in the global scope. The documentation for the library can be found here.

Features

• Modularity: The MegaFon React UI components library is composed of separate npm packages, allowing for flexible installation and usage.
• Commitizen friendly: The library is compatible with Commitizen, a command-line tool for creating structured commit messages.
• CSS Custom Properties: The UI components from the library require the use of CSS custom properties, ensuring easy customization and integration into existing projects.

Installation

To install the MegaFon React UI components library, follow these steps:

1. Install the necessary npm packages using the following commands:

npm install @megafon/ui-core
npm install @megafon/ui-shared
npm install @megafon/ui-icons
npm install @megafon/ui-helpers

2. Import the CSS custom properties into your project by adding the following code:

<link rel="stylesheet" href="path-to-ui-core-styles.css">
<link rel="stylesheet" href="path-to-ui-shared-styles.css">

3. Start using the components in your project by importing them as needed:

import { Button, Input, Checkbox } from '@megafon/ui-core';

Summary

The MegaFon React UI components library is a versatile and easy-to-use collection of UI components for React applications. It offers modularity, compatibility with Commitizen, and requires the use of CSS custom properties. By following the installation guide, developers can quickly integrate the library into their projects and start using the components efficiently.