https://github.com/aiherrera/react-logo

https://github.com/aiherrera/react-logo

Last synced: about 14 hours ago
JSON representation

• Host: GitHub
• URL: https://github.com/aiherrera/react-logo
• Owner: aiherrera
• License: mit
• Created: 2021-04-02T13:53:50.000Z (over 3 years ago)
• Default Branch: master
• Last Pushed: 2021-04-04T01:56:15.000Z (over 3 years ago)
• Last Synced: 2024-11-14T01:08:50.300Z (6 days ago)
• Language: JavaScript
• Size: 503 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

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](https://coderlab.aiherrera.com/?path=/story/playground-react-components--logo)

## Usage

`{ Logo }`

```

// ES5 syntax

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

// ES6 syntax

import Logo from '@aiherrera/react-logo'

```

### Full example

```TSX

import React from 'react'

import Logo from '@aiherrera/react-logo'

import logoSVG from './logoSVG.svg'

const App = () => {

  const width = 80

  const height = 80

  return 

}

```

## 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      |