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