ImageCard
The
<ImageCard>
<Row className="image-card-group">
<Column>
<Column>
Example
Code
<Row className="image-card-group"><Column colMd={4} colLg={4} noGutterSm><ImageCard title="Title" subTitle="Subtitle" href="/">![Square](/images/square.jpg)</ImageCard><ImageCardtitle="Dark title"
Props
property | propType | required | default | description |
---|---|---|---|---|
children | node | Background image for the card, make sure it is saved out at the correct aspect ratio or it will appear distorted | ||
href | string | Set url for card | ||
aspectRatio | string |
| Set card aspect ratio, default is
| |
subTitle | string | Smaller title on top left of card | ||
title | string | Large title | ||
actionIcon | string | Action icon, default is no icon, options are
| ||
titleColor | string |
| Set title text color, default is
| |
subTitleColor | string |
| Set sub title text color, default is
| |
iconColor | string |
| Set icon color, default is
| |
hoverColor | string |
| Set hover to lighten or darken the image, default is
| |
disabled | bool |
| Set for disabled card | |
className | string | Add custom class name |