Promo
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.
Promo reversed
By selecting the imageand body CSS Shadow Parts, you can reverse the image and body shadow parts and adjust column widths.
Featured: no image is okay too
Sometimes, you may not have an image to go with your card. By omitting the slotted image, the promo reverts to a single column.
Promo Dark
Promos can have a dark color palette too. You can add the color-palette attribute or wrap them with rh-surface.