Hidden

1. Hidden always

2. Hidden below wide

3. Hidden below desktop

4. Hidden below tablet

5. Hidden above mobile

6. Hidden above tablet

7. Hidden above tablet

8. Hidden on print

Open in Playroom

Alternatives

HiddenVisually — For making content available to screen readers.

Hiding responsively

You can hide content responsively via the above and below props which accept a breakpoint name, i.e. “mobile”, “tablet”, “desktop” or “wide”.

On “tablet” and above

One

Two

Below “tablet”

Three

Four

Open in Playroom

Hiding on print

You can hide content on print via the print boolean prop.

Hidden on print

Open in Playroom

Braid Logo