How to trigger the popover using a long press?

[Shreyasc13]

I wanted to trigger the popover when I long press on a button . Is there any way to trigger the popover when we long press on a button?

[sanna231]

You can try this out:

function Example() {
  return <Box h="60%" w="100%" alignItems="center">
      <Popover trigger={({onPress,...triggerProps}) => {
      return <Button onLongPress={onPress} {...triggerProps} colorScheme="danger">
              Delete Customer
            </Button>;
    }}>
        <Popover.Content accessibilityLabel="Delete Customerd" w="56">
          <Popover.Arrow />
          <Popover.CloseButton />
          <Popover.Header>Delete Customer</Popover.Header>
          <Popover.Body>
            This will remove all data relating to Alex. This action cannot be
            reversed. Deleted data can not be recovered.
          </Popover.Body>
          <Popover.Footer justifyContent="flex-end">
            <Button.Group space={2}>
              <Button colorScheme="coolGray" variant="ghost">
                Cancel
              </Button>
              <Button colorScheme="danger">Delete</Button>
            </Button.Group>
          </Popover.Footer>
        </Popover.Content>
      </Popover>
    </Box>;
}

[Shreyasc13]

Thank you so much for taking the time to answ my question. I will try this out and get back. Regards, Shreyas C

…

On Tue, 26 Jul 2022 at 3:29 PM, Sanna Bara ***@***.***> wrote: You can try this out: function Example() { return <Box h="60%" w="100%" alignItems="center"> <Popover trigger={({onPress,...triggerProps}) => { return <Button onLongPress={onPress} {...triggerProps} colorScheme="danger"> Delete Customer </Button>; }}> <Popover.Content accessibilityLabel="Delete Customerd" w="56"> <Popover.Arrow /> <Popover.CloseButton /> <Popover.Header>Delete Customer</Popover.Header> <Popover.Body> This will remove all data relating to Alex. This action cannot be reversed. Deleted data can not be recovered. </Popover.Body> <Popover.Footer justifyContent="flex-end"> <Button.Group space={2}> <Button colorScheme="coolGray" variant="ghost"> Cancel </Button> <Button colorScheme="danger">Delete</Button> </Button.Group> </Popover.Footer> </Popover.Content> </Popover> </Box>;} — Reply to this email directly, view it on GitHub <#5042 (comment)>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/AKVN77I6TUL3PQVON73QRXLVV6ZIRANCNFSM5XIOES5Q> . You are receiving this because you authored the thread.Message ID: ***@***.***>

[sanna231]

Alright. Thank you.