EVG-UI

React компоненты основанные на идеях Material Design.

Библиотека вдохновлена интересными техническими и дизайнерскими решениями Material Design.

Установка

npm install @evg-b/evg-ui --save или yarn add @evg-b/evg-ui

Usage

import React from 'react';
import { Button } from '@evg-b/evg-ui';

const HelloWorld = () => {
    return (
        <Button variant='contained' color='primary'>
            Hello World
        </Button>
    );
}

export default HelloWorld

Чтобы сделать сборку компактнее вы можете импортировать в проект только нужные компоненты.

import { Avatar, Badge, Button } from '@evg-b/evg-ui';

Шрифт

Material Design разрабатывался основываясь на шрифте Roboto. Подключите шрифт к вашему проекту чтобы все компоненты выглядели так как задумывалось.

<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,600,700" />

Icon

Так же вы можете использовать все 1.440+ svg иконок от Material Design в своих проектах. @evg-b/evg-icons

npm install @evg-b/evg-icons --save или yarn add @evg-b/evg-icons

Пример:

import { Check, Close, Favorite } from '@evg-b/evg-icons';

Документация

Загляните на сайт.

Сообщить о проблеме

Советы и критика важны при развитии любого продукта. Если вы заметили баг, или у вас есть идея по улучшению то расскажите в issue.