@spark-web/hidden

---
title: Hidden
storybookPath: accessibility-hidden--default
isExperimentalPackage: false
---

Conditionally display content for different screen sizes and media types.

``jsx live








`

Examples

$3

Hide content responsively using the above and below props, which accept a
breakpoint name.

`jsx live




















`

$3

Conditionally display content for print using the on prop.

`jsx live








``

Props

[data-attribute-map]:
https://github.com/brighte-labs/spark-web/blob/e7f6f4285b4cfd876312cc89fbdd094039aa239a/packages/utils/src/internal/buildDataAttributes.ts#L1