Berlitz Logo component consist of a primary(named logo with a pill background), secondary (named logo with no pill) and tertiary logo(berlitz squared logo). The logo component has the flexibility to change the size and color.
Installation
yarn add @berlitz/logo
Props
Argument
Type
Required
Default
Example
type
one of ['primary', 'secondary', 'tertiary']
false
primary
'primary'
size
one of ['xs', 'sm', 'md', 'lg']
false
sm
'xs'
color
string eg. brandPrimary, brandSecondary
brandPrimary
'brandPrimary'
Usage
import React from 'react'
import Logo from '@berlitz/Logo'
const MyApp = () => <Logo type="tertiary" size="md" color="brandPrimary" />
