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 ofCard.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