Logo Component for React

A simple & easy to use react Logo.

Installation

Requires React 16 or later

npm i --save @aiherrera/react-logo

# or

yarn add @aiherrera/react-logo

Demo

You can check all the configurations in Ai-CoderLab

Usage

{ Logo }

// ES5 syntax
const Logo = require('@aiherrera/react-logo')

// ES6 syntax
import Logo from '@aiherrera/react-logo'

Full example

import React from 'react'

import Logo from '@aiherrera/react-logo'
import logoSVG from './logoSVG.svg'

const App = () => {

  const width = 80
  const height = 80

  return <Logo logoSVG={logoSVG} width={width} height={height}/>

}

Props

All these props are passed as defaults and can be overriden any time.

| Name | Type | Unit | Description | Default | | ------- | ------ | ---- | ------------------ | ------- | | logoSVG | string | N/A | Logo image dir | | | width | number | N/A | Width of the logo | 64 | | height | number | N/A | Height of the logo | 64 |