<>
<Hidden above="xs" as="span">
  I'm hidden above xs.
</Hidden>
<Hidden above="sm" below="sm" as="span">
  I'm hidden above sm & below sm.
</Hidden>
<Hidden above="md" below="md" as="span">
  I'm hidden above md & below md.
</Hidden>
<Hidden above="lg" below="lg" as="span">
  I'm hidden above lg & below lg.
</Hidden>
<Hidden below="xl" as="span">
  I'm hidden below xl.
</Hidden>
<Hidden print>
  I'm hidden on print.
</Hidden>
<Hidden screen>
  I'm hidden on screen. But use VisuallyHidden if you want it to be read by screenreaders.
</Hidden>
</>