Popover

<Box height={250}>
  <Toggle>
    {({ on, toggle }) => (
      <Popover
        isVisible={on}
        position="bottom"
        content={
          <Box width={200} height={200}>
            <Text>
              Due to variety and complexity involved in detecting touch
              outside of the component on the web and in native, managing its
              open and closed state is in your control
            </Text>
            <Button
              appearance="outline"
              color="danger"
              onPress={toggle}
              title="Close popover"
            />
          </Box>
        }
      >
        <Button onPress={toggle} title="Open popover" />
      </Popover>
    )}
  </Toggle>
</Box>