Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/assenti/react-ui-components

React UI Components (npm @assenti/rui-components)
https://github.com/assenti/react-ui-components

javascript jsx react react-components ui-components

Last synced: 4 days ago
JSON representation

React UI Components (npm @assenti/rui-components)

Awesome Lists containing this project

README

        

# React UI Components
### UI Components for web apps built on [React](https://reactjs.org/)








License

## Main Goal
Create a lot of usefull, light weight and maximum reusable UI components

## Requirements for using rui-components
You've created your app using [CRA (Create react app)](https://create-react-app.dev/docs/getting-started/)

## Storybook
Explore storybook [here](https://rui-components.netlify.app/?path=/story/get-started--page)

## Install
```bash
# Install package from NPM
% npm install @assenti/rui-components -S
```
or
```bash
# Install package from NPM
% yarn add @assenti/rui-components
```

## Usage
index.js / index.ts
```jsx
// Import styles in index.js / index.ts
import '@assenti/rui-components/css/index.css';
```
App.js / App.tsx
```jsx
import { Card, Button, Icon } from '@assenti/rui-components';
import React from 'react';

function App() {
return (
React UI Components}>
}/>

);
}

export default App;
```

## Changelog
You can track changelog [here](/CHANGELOG.md)

## Where can i find @types/@assenti/rui-components ?
Types declarations for TypeScript are built-in

## How to set my own preset colors ?
Just override it in css styles

## Can i use custom fonts ?
Just import your fonts and override it in css styles

## I found a bug
Open an issue, please, i will try to fix it ASAP

## I want to contribute
You are welcome

### License

[MIT Licensed](/LICENSE)
Copyright (c) 2020 Asset Sultanov

---

I'll be appreciated for your donations ;)

Buy Me A Coffee