https://github.com/evg-b/evg-ui
EVG-UI - React компоненты основанные на идеях Material Design.
https://github.com/evg-b/evg-ui
components evg-ui javascript library material react ui
Last synced: 2 months ago
JSON representation
EVG-UI - React компоненты основанные на идеях Material Design.
- Host: GitHub
- URL: https://github.com/evg-b/evg-ui
- Owner: evg-b
- License: mit
- Created: 2020-12-16T17:39:43.000Z (over 5 years ago)
- Default Branch: main
- Last Pushed: 2021-04-14T12:23:31.000Z (about 5 years ago)
- Last Synced: 2025-04-03T12:17:10.883Z (over 1 year ago)
- Topics: components, evg-ui, javascript, library, material, react, ui
- Language: JavaScript
- Homepage: https://evg-b.github.io/EVG-UI/
- Size: 19.3 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
EVG-UI
React компоненты основанные на идеях Material Design.
Библиотека вдохновлена интересными техническими и дизайнерскими решениями Material Design.
### Установка
```sh
npm install @evg-b/evg-ui --save или yarn add @evg-b/evg-ui
```
### Usage
```jsx
import React from 'react';
import { Button } from '@evg-b/evg-ui';
const HelloWorld = () => {
return (
Hello World
);
}
export default HelloWorld
```
Чтобы сделать сборку компактнее вы можете импортировать в проект только нужные компоненты.
```jsx
import { Avatar, Badge, Button } from '@evg-b/evg-ui';
```
### Шрифт
Material Design разрабатывался основываясь на шрифте `Roboto`.
Подключите шрифт к вашему проекту чтобы все компоненты выглядели так как задумывалось.
```html
```
### Icon
Так же вы можете использовать все 1.440+ svg иконок от Material Design в своих проектах. [@evg-b/evg-icons](https://github.com/evg-b/EVG-UI/tree/main/packages/evg-icons)
```sh
npm install @evg-b/evg-icons --save или yarn add @evg-b/evg-icons
```
Пример:
```jsx
import { Check, Close, Favorite } from '@evg-b/evg-icons';
```
### Документация
Загляните на [сайт](https://evg-b.github.io/EVG-UI/).
### Сообщить о проблеме
Советы и критика важны при развитии любого продукта. Если вы заметили баг, или у вас есть идея по улучшению то расскажите в issue.