Mews Logo

Component checklist

React

Is new design vision part implemented using new tokens?

Up to date

Resources

Example


                                                        
                                                        
                                                            import { MewsLogo } from '@optimus-web/core';
                                                        
                                                        <MewsLogo type="wordmark" size="medium" protectiveArea={false} />
                                                        
                                                        
                                                            

API

Name

Description

Type

Default

product?

The product logo next to the MewsLogo.

MewsLogoProduct

undefined

size?

The size of the MewsLogo.

MewsLogoSize

small | medium | large

medium

protectiveArea?

Indicates whether the protective area should be displayed around the logo.

boolean

true

type?

The type of the MewsLogo.

'wordmark' | 'logomark'

wordmark