BlockLink

The BlockLink component is an unstyled <a> element that can be used to wrap block-level content.

Extends: Link

<BlockLink href='https://www.priceline.com'>
  <Box p={4} color='white' bg='blue'>
    Priceline.com
  </Box>
</BlockLink>