@leafygreen-ui/logo

Logo

View on MongoDB.design

Installation

PNPM

pnpm add @leafygreen-ui/logo

Yarn

yarn add @leafygreen-ui/logo

NPM

npm install @leafygreen-ui/logo

Example

import {
  MongoDBLogo,
  MongoDBLogoMark,
  AtlasLogoLockup,
  CommunityEditionLogoLockup,
  EnterpriseAdvancedLogoLockup,
} from '@leafygreen-ui/logo';

return <MongoDBLogo />;

MongoDBLogo

Properties

Prop	Type	Description	Default
height	number	Sets the height of the component.	40
color	'white', 'black', 'green-dark-2', 'green-base'	Sets the color of the component.	'green-dark-2'
className	string	Adds a className to the root <svg> element.

MongoDBLogoMark

Properties

Prop	Type	Description	Default
height	number	Sets the height of the component.	40
color	'white', 'black', 'green-dark-2', 'green-base'	Sets the color of the component.	'green-dark-2'
className	string	Adds a className to the root <svg> element.

AtlasLogoLockup

Properties

Prop	Type	Description	Default
height	number	Sets the height of the component.	40
color	'white', 'black', 'green-dark-2', 'green-base'	Sets the color of the component.	'green-dark-2'
className	string	Adds a className to the root <svg> element.

AtlasForGovernmentLogoLockup

Properties

Prop	Type	Description	Default
height	number	Sets the height of the component.	40
color	'white', 'black', 'green-dark-2', 'green-base'	Sets the color of the component.	'green-dark-2'
className	string	Adds a className to the root <svg> element.

CommunityEditionLogoLockup

Properties

Prop	Type	Description	Default
height	number	Sets the height of the component.	40
color	'white', 'black', 'green-dark-2', 'green-base'	Sets the color of the component.	'green-dark-2'
className	string	Adds a className to the root <svg> element.

EnterpriseAdvancedLogoLockup

Properties

Prop	Type	Description	Default
height	number	Sets the height of the component.	40
color	'white', 'black', 'green-dark-2', 'green-base'	Sets the color of the component.	'green-dark-2'
className	string	Adds a className to the root <svg> element.

UniversityLogoLockup

Properties

Prop	Type	Description	Default
height	number	Sets the height of the component.	40
color	'white', 'black', 'green-dark-2', 'green-base'	Sets the color of the component.	'green-dark-2'
className	string	Adds a className to the root <svg> element.