5.0.0 • Published 7 months ago

@spark-web/hidden v5.0.0

Weekly downloads
-
License
-
Repository
github
Last release
7 months ago

title: Hidden storybookPath: accessibility-hidden--default

isExperimentalPackage: false

Conditionally display content for different screen sizes and media types.

<Stack gap="small">
  <Hidden below="wide">
    <Placeholder label="Hidden below wide" height={64} />
  </Hidden>
  <Hidden above="desktop">
    <Placeholder label="Visible below wide" height={64} />
  </Hidden>
</Stack>

Examples

Responsive

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

<Stack gap="small">
  <Hidden below="wide">
    <Placeholder label="1. Hidden below wide" height={64} />
  </Hidden>
  <Hidden below="desktop">
    <Placeholder label="2. Hidden below desktop" height={64} />
  </Hidden>
  <Hidden below="tablet">
    <Placeholder label="3. Hidden below tablet" height={64} />
  </Hidden>
  <Hidden above="mobile">
    <Placeholder label="4. Hidden above mobile" height={64} />
  </Hidden>
  <Hidden above="tablet">
    <Placeholder label="5. Hidden above tablet" height={64} />
  </Hidden>
  <Hidden above="desktop">
    <Placeholder label="6. Hidden above desktop" height={64} />
  </Hidden>
</Stack>

Print

Conditionally display content for print using the on prop.

<Stack gap="small">
  <Hidden on="screen">
    <Placeholder label="Hidden on screen" height={64} />
  </Hidden>
  <Hidden on="print">
    <Placeholder label="Hidden on print" height={64} />
  </Hidden>
</Stack>

Props

2.0.0-rc.19

9 months ago

2.0.0-rc.2

9 months ago

2.0.0-rc.3

9 months ago

2.0.0-rc.17

9 months ago

2.0.0-rc.4

9 months ago

2.0.0-rc.18

9 months ago

2.0.0-rc.5

9 months ago

2.0.0-rc.15

9 months ago

2.0.0-rc.16

9 months ago

5.0.0

7 months ago

2.0.0-rc.13

9 months ago

2.0.0-rc.0

9 months ago

2.0.0-rc.14

9 months ago

2.0.0-rc.1

9 months ago

2.0.0-rc.11

9 months ago

2.0.0-rc.12

9 months ago

5.0.0-rc.24

8 months ago

2.0.0-rc.10

9 months ago

5.0.0-rc.25

7 months ago

5.0.0-rc.26

7 months ago

5.0.0-rc.27

7 months ago

5.0.0-rc.28

7 months ago

5.0.0-rc.29

7 months ago

2.0.0-rc.6

9 months ago

2.0.0-rc.7

9 months ago

2.0.0-rc.8

9 months ago

2.0.0-rc.9

9 months ago

5.0.0-rc.31

7 months ago

2.0.0-rc.20

8 months ago

2.0.0-rc.21

8 months ago

5.0.1-rc.0

7 months ago

1.1.0

2 years ago

1.0.9

3 years ago

1.0.11

3 years ago

1.0.10

3 years ago

1.0.8

3 years ago

1.0.7

3 years ago

1.0.6

3 years ago

1.0.5

3 years ago

1.0.4

3 years ago

1.0.3

3 years ago

1.0.2

3 years ago

1.0.1

3 years ago

1.0.0

3 years ago