Clickable is a utility component useful for wrapping things like divs without having to deal with the requirements to make the div accessible. It is the web-equivalent of TouchableWithoutFeedback. It supports the same system props as <Box />
div
TouchableWithoutFeedback
<Box />
<Clickable bg="black5" p={2} onClick={() => alert("Clicked")}> <Text variant="lg-display">Click Me</Text> </Clickable>