> For the complete documentation index, see [llms.txt](https://dormakaba-digital.gitbook.io/reactnative-visual/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://dormakaba-digital.gitbook.io/reactnative-visual/components/cards.md).

# Card

Cards are the main container for default content.

## Preview

![](https://3422846761-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LGP0U4aBj2zuNdsU1Qu%2F-LG_SN31WMcEjk_mKHe2%2F-LG_Tj-TTx97MtgYRSyZ%2Fcard.png?alt=media\&token=e1982982-04f4-420d-ad00-d4d4341bb188)

## Code Sample

```jsx
import { Card } from '@dormakaba/digital-reactnative-visual';

<Card>
  {/* Content: Form elements or typography stuff */}
  <Card.Actions>
    <Button />
  </Card.Actions>
</Card>
```

## Props

| Name        | Type    | Description                                     |
| ----------- | ------- | ----------------------------------------------- |
| style       | object  | style overrides                                 |
| margin      | boolean | adds left and right margin of 10px              |
| transparent | boolean | transparent as on login views                   |
| group       | boolean | keep next card closer with bottom margin of 1px |