Welcome to React UI Components

Requirements for using rui-components

You've created your app using CRA (Create react app)

Install

Install package from NPM

% npm i @assenti/rui-components -S
Copy

Install package from NPM using yarn

% yarn add @assenti/rui-components
Copy

Import styles globally in index.js / index.ts

import '@assenti/rui-components/css/index.css';
Copy

Usage

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

function App() {
  return (
    <Card style={{ 
            width: 300,
            height: 300
        }}>
      <Button 
        color="primary" 
        name="Rocket" 
        icon={<Icon name="rocket"/>}/>
    </Card>
  );
}

export default App;
Copy

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