Reactro UI

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

See all the available components on Reactro UI's Storybook

Installation

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

npm install reactro-ui-lib

Reactro UI uses styled-components, so if you haven't already installed it, run the following as well:

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.

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.

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 and is provided under the MIT license.