Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
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)
- Host: GitHub
- URL: https://github.com/assenti/react-ui-components
- Owner: Assenti
- License: mit
- Archived: true
- Created: 2020-01-06T09:29:38.000Z (about 5 years ago)
- Default Branch: master
- Last Pushed: 2022-03-26T04:28:51.000Z (almost 3 years ago)
- Last Synced: 2025-01-01T13:46:27.121Z (22 days ago)
- Topics: javascript, jsx, react, react-components, ui-components
- Language: JavaScript
- Homepage: https://rui-components.netlify.app
- Size: 9.22 MB
- Stars: 22
- Watchers: 4
- Forks: 6
- Open Issues: 8
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- License: LICENSE
Awesome Lists containing this project
README
# React UI Components
### UI Components for web apps built on [React](https://reactjs.org/)## 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 ;)