Mews Logo

Component checklist

React

Is new design vision part implemented using new tokens?

Up to date

Resources

Example

Storybook failed to load. Please connect to the VPN to access.

                                                        
                                                        
                                                            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