React Native Mantine › Overlays

Modal

Full-featured modal dialog

Import: import { Modal } from 'react-native-mantine';

Usage

import { useState } from 'react';
import { Modal, Button, Text  } from 'react-native-mantine';

const MyComponent = () => {
  const [opened, setOpened] = useState(false);

  return (
    <>
      <Button onPress={() => setOpened(true)}>
        Open Modal
      </Button>

      <Modal
        opened={opened}
        onClose={() => setOpened(false)}
        title="My Modal"
      >
        <Text>Modal content goes here</Text>
      </Modal>
    </>
  );
};

Props

Source on GitHub · npm