@leafygreen-ui/card NPM | npm.io

10.0.7 • Published 1 month ago

Install

Weekly downloads

346

License

Apache-2.0

Repository

Last release

1 month 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/box @leafygreen-ui/emotion @leafygreen-ui/lib @leafygreen-ui/palette @leafygreen-ui/tokens polished

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

1 month ago

8 months ago

7 months ago

10 months ago

10 months ago

9 months ago

9 months ago

9 months ago

10 months ago

10 months ago

11 months ago

11 months ago

12 months ago

12 months ago

12 months ago

12 months ago

12 months ago

12 months ago

12 months ago

12 months ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

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

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

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