@berlitz/logo

Logo

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" />

When to use this component

• Header
• Footer