---
id: card
title: Card
---

import Tabs from "@theme/Tabs";
import TabItem from "@theme/TabItem";
import {} from "react-native-elements";
import Usage from "../component_usage/Card.mdx";

Cards are a great way to display information, usually containing content and actions about a single subject.
Cards can contain images, buttons, text and more.
Cards are mainly used for informative purpose.

## Usage

<Usage />

## Props

<div class='table-responsive'>

| Name             | Type       | Default | Description            |
| ---------------- | ---------- | ------- | ---------------------- |
| `containerStyle` | View Style |         | Outer container style. |
| `wrapperStyle`   | View Style |         | Inner container style. |

</div>
