adogio / Dogo

:small_red_triangle: Logo of adogio

Dogo

🔺 Logo of adogio

Dogo is a component of React, you may need webpack/ babel to use it.

Usage

Install

npm install dogo --save
yarn add dogo

Import

import Dogo from 'dogo'

Insert

<Dogo 
    text="logoName" 
    sub="subName"  (optional)
    size="large/medium(default if not assign size)/small"  (optional)
    // NUM is required when using react-router, which will effect the unmount function
    num="mainLogo(logoId use to trigger animate)(leave empty to use single way trigger)"  (optional)
    force=true or false //(unmount function force)
    theme="dark or light" (optional)
    onClick="function on click"  (optional)
    center="center color" (optional)
    width="logo width(number)"// use like width={15}  (optional)
    height="logoHeight"  (optional)
/>

Active!!

with num assigned

window.adog.logo[num].load();
window.adog.logo[num].unload();
window.adog.logo[num].success();
window.adog.logo[num].failed();

window.adog.logo.*num*.load();
window.adog.logo.*num*.unload();
window.adog.logo.*num*.success();
window.adog.logo.*num*.failed();

without num assigned

window.adog.logo.load();
window.adog.logo.unload();
window.adog.logo.success();
window.adog.logo.failed();

License

This work is licensed under a Creative Commons Attribution-ShareAlike 4.0 International License.