Featured promo card has an image in the image
slot,
a heading in the header
slot, and a CTA
in the footer
slot, and body content.
By selecting the image
and body
CSS Shadow Parts, you can reverse the image
and body
shadow parts and adjust column widths.
Sometimes, you may not have an image to go with your card. By omitting the slotted image, the promo reverts to a single column.
Promos can have a darkest color palette too. You can add the color-palette
attribute or wrap them with rh-surface
.