Card

Default


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

Card Backgrounds


Add a background color by passing the color name to background. List of all colors can be viewed here under Product Colors.

Highlight Cards


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

Header Cards


Card headers pass category, product, and background colors only. List of all category, product, and background colors can be viewed here.

Selected


HTML Tag


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.

Available Props