@leafygreen-ui/card NPM | npm.io

13.0.0 • Published 8 months ago

Install

Weekly downloads

346

License

Apache-2.0

Repository

Last release

8 months ago

Card

npm (scoped)

View on MongoDB.design

Installation

Yarn

yarn add @leafygreen-ui/card

NPM

npm install @leafygreen-ui/card

Example

import Card from '@leafygreen-ui/card';

<Card className="card-styles" as="article">
  This is my card component
</Card>;

Output HTML

<div class="leafygreen-ui-1lu17q2 card-styles">This is my card component</div>

Properties

Card is a styled wrapper for the Box component. Any properties you would pass to Box can also be passed to Card.

Prop	Type	Description	Default
`className`	`string`	Adds a className to the class attribute
`contentStyle`	`'none'`, `'clickable'`	Whether the card should display as a visually clickable element.	`'clickable'` when a valid `onClick` handler or `href` link is provided
`darkMode`	`boolean`	Determines whether or not the component will appear in dark mode.	`false`

Any other properties will be spread on the Box element.

polished @leafygreen-ui/lib @leafygreen-ui/emotion @leafygreen-ui/palette @leafygreen-ui/polymorphic @leafygreen-ui/tokens

@everything-registry/sub-chunk-539 docs-feedback-widget @infinitebrahmanuniverse/nolb-_lea mongodb-chatbot-ui @nlarew/docs-feedback-widget @lg-chat/rich-links @laffygreen-ui/date-picker @leafygreen-ui/expandable-card @leafygreen-ui/skeleton-loader @mongodb-js/compass-components

10 months ago

10 months ago

10 months ago

11 months ago

11 months ago

11 months ago

11 months ago

1 year ago

1 year ago

1 year ago

8 months ago

2 years ago

2 years ago

2 years ago

2 years ago

3 years ago

3 years ago

2 years ago

2 years ago

2 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

4 years ago

4 years ago

4 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 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

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago