@leafygreen-ui/card
TypeScript icon, indicating that this package has built-in type declarations

10.0.6 • Public • Published

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.

Readme

Keywords

none

Package Sidebar

Install

npm i @leafygreen-ui/card

Weekly Downloads

28,079

Version

10.0.6

License

Apache-2.0

Unpacked Size

83.7 kB

Total Files

27

Last publish

Collaborators

  • stephl3
  • brookescarlett
  • shaneeza
  • hswolff
  • thesonofthomp