• /
  • Log in
  • Free account

Card

Draws a flexible and extensible content container.

Usage

import { Card } from 'nr1'

Examples

Basic

ReferenceError: Card is not defined

Props

childrenrequirednode

Content to render inside the card.

classNamestring

Appends class names to the component.

Should be used only for positioning and spacing purposes.

spacingTypeenum[]

Spacing property. Spacing is defined as a tuple of zero to four values, which follow the same conventions as CSS properties like margin or padding. To omit a value, use SPACING_TYPE.OMIT.

<Array of
<One of
Card.SPACING_TYPE.EXTRA_LARGE,
Card.SPACING_TYPE.LARGE,
Card.SPACING_TYPE.MEDIUM,
Card.SPACING_TYPE.NONE,
Card.SPACING_TYPE.OMIT,
Card.SPACING_TYPE.SMALL,
>
>
styleobject

Inline style for custom styling.

Should be used only for positioning and spacing purposes.

testIdstring

Adds a data-test-id.

Used to target the component in unit and e2e testing.

Methods

Card.render

function () => undefined
Create issueEdit page
Copyright © 2021 New Relic Inc.