New image

LIBRARIES

Polaris Components FigMayo
๐Ÿ‘‹ Getting started

components

Ctrl-K
Polaris Components FigMayo/Card
Updated 18 December 2024
Card

Cards are used to group similar concepts and tasks together for merchants to scan, read, and get things done. It displays content in a familiar and recognizable style.

Component Preview

Properties

Slot

Use the slot property to inject content into a Card without detaching. Simply turn the card content into a local component and swap it out with the slot.

$fm-img

Mobile

Border radius

Select Mobile in the โ€˜Variable collectionโ€™ menu to remove the border radius from the Card.

Preview

Tips

Change padding

You can change the padding on any card, without detaching, by simply updating it in the properties panel.

Preview
$fm-img
Mike Miller
Updated 18 Dec 2024
Card
View Figma
    PlaygroundFigma