FeatureCard

The <FeatureCard> component takes the same props as the <ResourceCard> component (except for aspectRatio, this is fixed at 1:2 for the card), this component should not be used within <Row> or <Column> components as the grid is built in to the component already.

Example

With subtitle

Title

With subtitle

Title

Code

components/FeatureCard/FeatureCard.js
<FeatureCard
  subTitle="With subtitle"
  title="Title"
  actionIcon="arrowRight"
  href="/"
  disabled
  color="dark"
>
  ![demo image](/images/large-image.png)
</FeatureCard>

Props

property	propType	default	description
children	node		Use large image as child, will display above the card
href	string		Set url for card
subTitle	string		Smaller title
title	string		Large title
actionIcon	string	`launch`	Action icon, default is launch, options are `Launch`, `ArrowRight`, `Download`, `Disabled`, `Email`
color	string	light	Set to `dark` for dark background
disabled	bool	false	Set for disabled card
className	string		Add custom class name

Edit this page on GitHub

Components: DoDontExample

Components: Grid