@evg-b/evg-ui

EVG-UI library inspired by Material Design.

Usage no npm install needed!

<script type="module">
  import evgBEvgUi from 'https://cdn.skypack.dev/@evg-b/evg-ui';
</script>

README

EVG-UI

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

Библиотека вдохновлена интересными техническими решениями Material Design, Material-UI, VK-UI, yandex-ui, Angular Material, Vue Material, Vuetify, Ant и др.

Установка

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" />