https://github.com/ingresse/aphrodite-react

Aphrodite React - Ingresse Design Systems
https://github.com/ingresse/aphrodite-react

design-system frontend javascript react

Last synced: 7 days ago
JSON representation

Aphrodite React - Ingresse Design Systems

• Host: GitHub
• URL: https://github.com/ingresse/aphrodite-react
• Owner: ingresse
• Created: 2018-10-01T21:15:52.000Z (over 6 years ago)
• Default Branch: main
• Last Pushed: 2023-02-23T02:20:21.000Z (almost 2 years ago)
• Last Synced: 2025-01-03T13:52:04.792Z (about 1 month ago)
• Topics: design-system, frontend, javascript, react
• Language: JavaScript
• Homepage: https://ingresse.github.io/aphrodite-react/
• Size: 31.5 MB
• Stars: 0
• Watchers: 23
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Aphrodite React

### React UI Library from ingresse.com

A front-end library with Ingresse's styles, using `React` 16, based on [Emotion](https://emotion.sh).

---

## 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`:

```js

export {

    colors,

} from '@ingresse/aphrodite';

```

`src/components/index.js`:

```js

export {

    Button,

    Container,

    Styled,

} from '@ingresse/aphrodite';

```

`src/App.jsx`:

```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 (

        

            

                

                    Hello World

                

            

        

    );

}

export default App;

```

---

## [Documentation](http://ingresse.github.io/aphrodite)

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

**[http://ingresse.github.io/aphrodite-react](http://ingresse.github.io/aphrodite-react)**

:-)

---