# Modal

## Preview

![](https://3422846761-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LGP0U4aBj2zuNdsU1Qu%2F-LH2P0G8JadjBp4_x2Qb%2F-LH2PFHdjnkVYfLcEn0z%2Fmodal.png?alt=media\&token=858ed199-66dc-4b28-bfb4-f56894bdede1)

## Code sample

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

<Modal open={open}>
  <Card>
    <Text>This is a modal</Text>
    <Button primary onPress={() => this.setState({ open: false })}>close</Button>
  </Card>
</Modal>
```

## Props

| **Name** | **Type** | **Description**                                                                                           |
| -------- | -------- | --------------------------------------------------------------------------------------------------------- |
| open     | boolean  | set true to show the modal content                                                                        |
| \*       |          | all the props of [react-native modal](https://facebook.github.io/react-native/docs/modal) get passed down |