5.0.0 • Published 4 months ago

@spark-web/hidden v5.0.0

Weekly downloads
-
License
-
Repository
github
Last release
4 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

7 months ago

2.0.0-rc.2

7 months ago

2.0.0-rc.3

7 months ago

2.0.0-rc.17

7 months ago

2.0.0-rc.4

7 months ago

2.0.0-rc.18

7 months ago

2.0.0-rc.5

7 months ago

2.0.0-rc.15

7 months ago

2.0.0-rc.16

7 months ago

5.0.0

5 months ago

2.0.0-rc.13

7 months ago

2.0.0-rc.0

7 months ago

2.0.0-rc.14

7 months ago

2.0.0-rc.1

7 months ago

2.0.0-rc.11

7 months ago

2.0.0-rc.12

7 months ago

5.0.0-rc.24

5 months ago

2.0.0-rc.10

7 months ago

5.0.0-rc.25

5 months ago

5.0.0-rc.26

5 months ago

5.0.0-rc.27

5 months ago

5.0.0-rc.28

5 months ago

5.0.0-rc.29

5 months ago

2.0.0-rc.6

7 months ago

2.0.0-rc.7

7 months ago

2.0.0-rc.8

7 months ago

2.0.0-rc.9

7 months ago

5.0.0-rc.31

5 months ago

2.0.0-rc.20

6 months ago

2.0.0-rc.21

6 months ago

5.0.1-rc.0

4 months ago

1.1.0

1 year 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