A front-end library with Ingresse's styles, using React
16.
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,
Segment,
} from '@ingresse/aphrodite';
src/App.jsx
:
/* Core Packages */
import React from 'react';
/* Your Project Components */
import {
Button,
Container,
Segment,
} from './components';
function App() {
function handleClick(evt) {
console.log('button click', evt);
}
return (
<Container>
<Segment
as="section"
textAlign="center"
background="helper">
<Button
color="bamboo"
onClick={handleClick}>
Aphrodite Button
</Button>
</Segment>
</Container>
);
}
export default App;
We try, but isn't the most complete and readeable documentation (yet):
http://ingresse.github.io/aphrodite-react
yarn dev
yarn build
Distribution files will be in dist
folder.