Card

v1.0.1 Edit this page
Loading...

Usage

Loading examples...

Props

<Card>

A standard interactive container element. The element is actionable and accessible, and mounts a <a> by default.

Name

Description

Type

Default

className

Classes to add to the containing element.

string

null

children

The content to render within the Card.

node

component

Allows you to provide a React component or other HTML element, overriding the default `a` option.

string

null

href

The URL to visit when clicking / tapping the Card.

string

primary

Flag to set the Card to have a shadow. Defaults to false.

bool

false

prompt

This is text used to indicate to the user that the Card is actionable. For example, "Read more".

string

dangerouslyForceFocusStyling

Force the component to use its focus styles.

bool

false

dangerouslyForceHoverStyling

Force the component to use its hover styles.

bool

false

dangerouslyForceActiveStyling

Force the component to use its clicked or pressed styles.

bool

false

Maintainers

This component was created by FEI.

See Also