Skip to content

alisista/alis-logo-svg-react

Repository files navigation

A Customizable ALIS Logo as a React Component

npm package


Table of contents


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`}

example logo

type={`letters`}

example logo

type={`logo+letters`}

example logo

type={`logo+letters+slogan`}

example logo


Contributors

Releases

No releases published

Packages

No packages published