Nullifying Precipitation Machine

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

    6.0.1 • 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.

    Keywords

    none

    Install

    npm i @leafygreen-ui/card

    DownloadsWeekly Downloads

    3,321

    Version

    6.0.1

    License

    Apache-2.0

    Unpacked Size

    90 kB

    Total Files

    17

    Last publish

    Collaborators

    • shaneeza
    • hswolff
    • dave.mccarthy
    • thesonofthomp