---
path: "/card/props"
component: "card"
type: "atom"
title: "Card"
---

`Card` component is a Box component with `border` and `box-shadow` abilities.

| Prop | Description | Type | Default |
| ------ | ----------- | ---- | ------- |
| border | sets the border of the card | string or array | null |
| borderLeft | sets the left border of the card | string or array | null |
| borderRight | sets the right border of the card | string or array | null |
| borderTop | sets the top border of the card | string or array | null |
| borderBottom | sets the bottom border of the card | string or array | null |
| borderWidth | sets the border width | number, string or array | null |
| borderStyle | sets the border style | string or array | solid |
| borderColor | sets the border color | string or array | null |
| borderRadius | sets the border radius | number, string or array | null |
| boxShadow | sets the `box-shadow` css property | string or array | null |