@aiherrera/react-logo

A simple & easy to use logo

Usage no npm install needed!

<script type="module">
  import aiherreraReactLogo from 'https://cdn.skypack.dev/@aiherrera/react-logo';
</script>

README

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