# reactro-ui-lib

> A retro-inspired component library for React

Latest version **2.4.4** (published 2024-01-03) · MIT license · 0 weekly downloads

## Install

```sh
npm install reactro-ui-lib
pnpm add reactro-ui-lib
yarn add reactro-ui-lib
bun add reactro-ui-lib
```

## Health

**Score 25/100 (F)** — status: abandoned.

Positive: has types; esm support; no vulnerabilities.

Warnings: low downloads.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 2.4.4 |
| Published | 2024-01-03 |
| First published | 2023-10-09 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | bundled |
| Module format | ESM + CommonJS |
| Dependencies | 0 |
| Unpacked size | 1.5 MB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 4 |
| Author | Melina Montelongo |
| Maintainers | melinamontelongo |
| Keywords | ui-library, component-library, reactjs, typescript, styled-components, retro |

## Links

- npm: https://www.npmjs.com/package/reactro-ui-lib
- Repository: https://github.com/melinamontelongo/reactro-ui
- Homepage: https://melinamontelongo.github.io/reactro-ui/
- Issues: https://github.com/melinamontelongo/reactro-ui/issues
- npm.io page: https://npm.io/package/reactro-ui-lib

## Alternatives

- [@progress/kendo-ooxml](https://npm.io/package/@progress/kendo-ooxml.md) — 152.1K weekly downloads
- [@progress/kendo-react-ripple](https://npm.io/package/@progress/kendo-react-ripple.md) — 8.0K weekly downloads
- [@progress/kendo-react-orgchart](https://npm.io/package/@progress/kendo-react-orgchart.md) — 4.3K weekly downloads
- [@praxisui/dynamic-fields](https://npm.io/package/@praxisui/dynamic-fields.md) — 2.4K weekly downloads
- [@progress/kendo-vue-listbox](https://npm.io/package/@progress/kendo-vue-listbox.md) — 932 weekly downloads

## Recent versions

- 2.4.4 (latest) — 2024-01-03
- 2.4.3 — 2024-01-02
- 2.4.2 — 2023-12-25
- 2.4.1 — 2023-12-24
- 2.4.0 — 2023-11-07
- 2.3.2 — 2023-11-04
- 2.3.1 — 2023-11-03
- 2.3.0 — 2023-10-29
- 2.2.2 — 2023-10-28
- 2.2.1 — 2023-10-23
- 2.2.0 — 2023-10-22
- 2.1.4 — 2023-10-20
- 2.1.3 — 2023-10-19
- 2.1.2 — 2023-10-19
- 2.1.1 — 2023-10-18
- … 8 more at https://npm.io/package/reactro-ui-lib/versions

## README

# Reactro UI

Reactro UI is a retro-inspired React component library with Typescript support.

<div align="center">
<img src="https://repository-images.githubusercontent.com/695400128/5b5e462e-ec6a-4ad1-b054-2bfe554115a3" alt="reactro logo" />  
</div>

See all the available components on [Reactro UI's Storybook](https://melinamontelongo.github.io/reactro-ui)

## Installation

Run the following on your terminal inside the directory of any React project:
```shell


npm install reactro-ui-lib


```

Reactro UI uses [styled-components](https://styled-components.com/), so if you haven't already installed it, run the following as well:
```shell


npm install styled-components


```
## Usage

Once everything is installed, you can import any Reactro UI's component as seen on Storybook. 

Wrap everything with `ThemeProvider` so both theming and styles are correctly applied.

```js
import { Button, ThemeProvider } from 'reactro-ui-lib';

<ThemeProvider>
    <Button>Click me</Button>
</ThemeProvider>
```

`ThemeProvider` accepts both a `theme` and a `font` prop, where you can choose from the currently available themes and fonts. 

```js
import { Button, ThemeProvider } from 'reactro-ui-lib';

<ThemeProvider theme="cherry" font="venice">
    <Button>Click me</Button>
</ThemeProvider>
```

##  Copyright
This library was built by [Melina Montelongo](https://github.com/melinamontelongo) and is provided under the MIT license.

---
_Source: https://npm.io/package/reactro-ui-lib · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._