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.