@berlitz/logo v3.1.0
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
3 years ago
3 years ago
3 years ago
4 years ago
4 years ago
4 years ago
4 years ago
5 years ago
5 years ago
5 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago