# React Adinkra
<p>This project was made to allow easy use of the West African Adinkra symbols in a React project.</p>

<p>Documentation can be found <a href="https://jacobtheevans.github.io/adinkra-docs/#/">here</a></p>

<p>The vanilla package can be found <a href="https://github.com/JacobTheEvans/adinkra">here</a></p>

## How to use it
<p>To use the Adinkra Symbols in a website you must include the CSS CDN link in the head of your index.html</p>

```html
<link rel="stylesheet" href="https://cdn.rawgit.com/JacobTheEvans/adinkra/c54b4e0e/src/adinkra.css">
```

Then install the package using npm

`npm install react-adinkra`


<p>Then import the Adinkra component and use it your project</p>

```javascript
import React from "react";
import { Adinkra } from "react-adinkra";

class App extends React.Component {
  render() {
    return (
      <Adinkra name="asase-ye-duru"/>
    )
  }
}

export default App;
```

<p>If you would like to style the Symbol you can use className or style properites.</p>

```javascript
import React from "react";
import { Adinkra } from "react-adinkra";
import "./App.css";

class App extends React.Component {
  render() {
    return (
      <Adinkra className="large-icon" style={{color: "red"}} name="asase-ye-duru"/>
    )
  }
}

export default App;
```

## What is Adinkra?

<p>Adinkra are visual symbols that represent concepts or aphorisms. Adinkra are used extensively in fabrics and pottery among the Akans of Ghana and Cote d'Ivoire. Currently they are used on walls, architectural features, cloth/clothing and many other places.</p>


## Credit
The symbols and the information for these symbols where gathered from  many resources including current West African Citizens, online dictionaries and government websites. Below you will find links to all the sites used.

<ul>
  <li>http://www.adinkra.org/htmls/adinkra_index.htm</li>
  <li>https://afroetic.com/adinkra-symbols/</li>
  <li>http://ghanaculturepolitics.com/adinkra-symbols-and-their-meaning-english-and-twi/</li>
  <li>http://www.adinkrasymbols.org/list-adinkra-symbols/</li>
</ul>