A Customizable ALIS Logo as a React Component

---

Table of contents

• Installation
• Demo
• Example
• Logo Types
• Contributors

---

Installation

yarn add alis-logo-svg-react

---

Demo

https://alis.ocrybit.com/logo/

---

Example

import React, { Component } from 'react'
import { render } from 'react-dom'
import ALIS_LOGO from '../../src'

class App extends Component {
  constructor(props){
    super(props)
    this.ref = React.createRef()
  }
  download(){
    this.ref.current.download()
  }
  shuffle(){
    this.ref.current.shuffle()
  }
  render(){
    const colors = [`#454A75`, `#51578A`, `#5C629C`, `#686FB0`, `#7880CC`, `#848DE0`]
    return (
      <ALIS_LOGO
        ref={this.ref}
        id="alis_logo"
        colors={colors}
        number_of_colors={6}
        circle_color="#5E68AF"
        backgroundColor={false}
        shuffle={true}
        nomargin={true}
        size={531}
        type={`logo+letters+slogan`}
        text={`信頼できる記事と人々を明かにする\n全く新しいソーシャルメディア`}
        />
    )
  }
}

render(<App />, document.getElementById("root"))

---

Logo Types

type={`logo`}

type={`letters`}

type={`logo+letters`}

type={`logo+letters+slogan`}

---

Contributors

• OK Rabbit (@ocrybit)