@ingresse/aphrodite

3.2.0 • Public • Published

Aphrodite React

React UI Library from ingresse.com

A front-end library with Ingresse's styles, using React 16, based on Emotion.


Install

You can install with Yarn or NPM in your App Project:

npm i --save @ingresse/aphrodite

Re-export the Aphrodite tools through your React application folder structure.

src/utils/index.js:

export {
    colors,
} from '@ingresse/aphrodite';

src/components/index.js:

export {
    Button,
    Container,
    Styled,
} from '@ingresse/aphrodite';

src/App.jsx:

/* Core Packages */
import React from 'react';

/* Your Project Components */
import {
    Button,
    Container,
    Styled,
} from './components';

function App() {
    function handleClick(evt) {
        console.log('button click', evt);
    }

    return (
        <Container sm>
            <Styled
                as="section"
                textAlign="center"
                backgroundColor="mercury,crystal,0.5"
            >
                <Button
                    color="success"
                    onClick={handleClick}
                >
                    Hello World
                </Button>
            </Styled>
        </Container>
    );
}

export default App;

Documentation

We try, but isn't the most complete and readeable documentation:

http://ingresse.github.io/aphrodite-react

:-)


Package Sidebar

Install

npm i @ingresse/aphrodite

Weekly Downloads

30

Version

3.2.0

License

MIT

Unpacked Size

5.08 MB

Total Files

280

Last publish

Collaborators

  • getulio_ingresse
  • emerson.saturnino
  • gabriel.martins.didows
  • wfzyx
  • gamadv
  • luisslanca
  • ingresse-dev