Logo

!npm (scoped)

#### View on MongoDB.design

Installation

$3

``shell
pnpm add @leafygreen-ui/logo
`

$3

`shell
yarn add @leafygreen-ui/logo
`

$3

`shell
npm install @leafygreen-ui/logo
`

Example

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

return ;
`

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 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 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 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 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 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 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