@berlitz/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