Hide#

Import#

import { Hide } from 'bumbag';

Usage#

The <Hide> component can be used to visually hide elements from the screen.

Pass a below prop to hide the element(s) under a particular breakpoint, or pass an above hide to show element(s) above a particular breakpoint.

Try drag the viewport with the slider!

Editable example

Note: The <Hide> component does not render an element wrapper, meaning it works well with layout components. It just adds hidden styles to each of it's children.

Props#

Hide Props#

above string

below string

Copyright © 2021 Jake Moxey