> 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

## Preview

![](/files/-LG_Tj-TTx97MtgYRSyZ)

## 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 |