@simpozio/logo

Simpozio Logo

Usage no npm install needed!

<script type="module">
  import simpozioLogo from 'https://cdn.skypack.dev/@simpozio/logo';
</script>

README

Simpozio Logo Component

Installation

npm i @simpozio/logo

Usage

Basic

import {LogoHorizontal} from '@simpozio/logo';

const Component = () => {
  return (
    <LogoHorizontal
        primaryColor={'#642B82'}
        secondaryColor={'#fff'}
        thirdlyColor={'#000'}
        type={select('full'}
        onHover={(event) => {}}
        onClick={(event) => {}}
      />
  )
}

Props

Button accepts standard HTML-attributes:

  • className?: string
  • onFocus?: function
  • onHover?: function
  • onClick?: function

Additional props:

  • primaryColor?: string;
  • secondaryColor?: string;
  • thirdlyColor?: string;
  • type?: 'pic' | 'text' | 'full' - show all logo or pic/text only

Development

Look simpozio-frontend-common library