@leafygreen-ui/card NPM | npm.io

11.0.0 • Published 1 year ago

Install

Weekly downloads

346

License

Apache-2.0

Repository

Last release

1 year 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.

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

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

1 year ago

1 year ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 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

4 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

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago