5.0.0 • Published 5 months ago

@spark-web/hidden v5.0.0

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

8 months ago

2.0.0-rc.2

8 months ago

2.0.0-rc.3

8 months ago

2.0.0-rc.17

8 months ago

2.0.0-rc.4

8 months ago

2.0.0-rc.18

8 months ago

2.0.0-rc.5

8 months ago

2.0.0-rc.15

8 months ago

2.0.0-rc.16

8 months ago

5.0.0

6 months ago

2.0.0-rc.13

8 months ago

2.0.0-rc.0

8 months ago

2.0.0-rc.14

8 months ago

2.0.0-rc.1

8 months ago

2.0.0-rc.11

8 months ago

2.0.0-rc.12

8 months ago

5.0.0-rc.24

6 months ago

2.0.0-rc.10

8 months ago

5.0.0-rc.25

6 months ago

5.0.0-rc.26

6 months ago

5.0.0-rc.27

6 months ago

5.0.0-rc.28

6 months ago

5.0.0-rc.29

6 months ago

2.0.0-rc.6

8 months ago

2.0.0-rc.7

8 months ago

2.0.0-rc.8

8 months ago

2.0.0-rc.9

8 months ago

5.0.0-rc.31

6 months ago

2.0.0-rc.20

7 months ago

2.0.0-rc.21

7 months ago

5.0.1-rc.0

5 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