React UI Components

UI Components for web apps built on React

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)

Storybook

Explore storybook here

Install

# Install package from NPM
% npm install @assenti/rui-components -S

or

# Install package from NPM
% yarn add @assenti/rui-components

Usage

index.js / index.ts

// Import styles in index.js / index.ts
import '@assenti/rui-components/css/index.css';

App.js / App.tsx

import { Card, Button, Icon } from '@assenti/rui-components';
import React from 'react';

function App() {
  return (
    <Card header={<h4>React UI Components</h4>}>
      <Button color="primary" name="Rocket" icon={<Icon name="rocket"/>}/>
    </Card>
  );
}

export default App;

Changelog

You can track changelog here

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 Copyright (c) 2020 Asset Sultanov

I'll be appreciated for your donations ;)