Card can leverage the max-width property. Learn more in our visual guidelines.

Highlight Cards

Card highlight can pass status, product, and category colors. List of all colors can be viewed here.

Header Cards

Card headers passes category and product colors only. List of all category and product colors can be viewed here.


Padding Size

Shadow Size

Content Size

Separator Card

No Border

Remove card border only for dashboard cards.

Border Radius

border_radius_md is the card kit default

UI Samples using Card Kit

Get the full picture. See how this kit is used in our samples.