README.md

React Adinkra

This project was made to allow easy use of the West African Adinkra symbols in a React project.

Documentation can be found here

The vanilla package can be found here

How to use it

To use the Adinkra Symbols in a website you must include the CSS CDN link in the head of your index.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

Then import the Adinkra component and use it your project

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

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

export default App;

If you would like to style the Symbol you can use className or style properites.

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?

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.

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.

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