React Native Mantine › Overlays

Drawer

Side panel with slide animation

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

Usage

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

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

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

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

Props

Source on GitHub · npm